<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!--
无序列表--没有顺序的一组内容
语法：
<ul> 定义无序列表
<li> 列表项1 </li>
<li> 列表项2 </li>
</ul>
语义：用于将没有数字顺序的一组内容或数据进行分组。
默认样式：
默认间距（上下外间距、左边内边距）
列表样式：实心圆
type属性---ul
disc--实心圆
circle--空心圆
square--正方形
none --- 取消前面的列表符
注意：type属性不常用，通常用css属性进行代替
使用场景：
新闻列表
商品列表
导航、分页、选项卡
超市买东西清单： 列表
辣条 列表项
瓜子
薯片
肥宅快乐水
-->
<ul>
<li>肥宅快乐水</li>
<li>辣条</li>
<li>瓜子</li>
<li>薯片</li>
</ul>
<ul type="disc">
<li>肥宅快乐水</li>
<li>辣条</li>
<li>瓜子</li>
<li>薯片</li>
</ul>
<ul type="circle">
<li>肥宅快乐水</li>
<li>辣条</li>
<li>瓜子</li>
<li>薯片</li>
</ul>
<ul type="square">
<li>肥宅快乐水</li>
<li>辣条</li>
<li>瓜子</li>
<li>薯片</li>
</ul>
<ul type="none">
<li>肥宅快乐水</li>
<li>辣条</li>
<li>瓜子</li>
<li>薯片</li>
</ul>
</body>
</html>
扫一扫
2042
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
