07：CSS设置列表样式
程序员文章站
2022-04-22 23:49:35
...
1.有序列表(ol)和无序列表（ul）
list.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>列表样式</title>
<link href="box.css" type="text/css" rel="stylesheet">
</head>
<body>
<div>
<ul>
<li>水果
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>梨子</li>
</ol>
</li>
</ul>
</div>
</body>
</html>2.列表标号样式list-style-type
属性值：
circle;空心圆
disc; 实心圆
decimal;数字
list.css
ul>li{
list-style-type:circle;
}
ul>li>ol>li{
list-style-type:disc;
}
3.标号样式的显示方式list-style-position
属性值：outside(在文本之外,默认)
inside(和文本一起)
list.css
ul{
text-align: center;
list-style-position:outside;
}
ul>li{
list-style-type:circle;
}
ul>li>ol>li{
list-style-type:disc;
}19:24 2018/8/17/周五
下一篇： 企业如何给云计算做BI