css中列表样式是什么-木庄网络博客

本文摘自PHP中文网，作者coldplay.xixi，侵删。

css中列表样式是：1、css有序列表【ol】和css无序列表【ul】；2、css列表标号样式【list-style-type】；3、css标号样式的显示方式【list-style-position】。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

css中列表样式是：

1、css有序列表(ol)和css无序列表（ul）

list.html
 
<!doctypehtml><html><head>
 
<metacharset="utf-8">
 
<title>列表样式</title>
 
<linkhref="box.css"type="text/css"rel="stylesheet"></head><body>
 
<p>
 
<ul>
 
<li>水果<ol>
 
<li>苹果</li>
 
<li>香蕉</li>
 
<li>梨子</li>
 
</ol>
 
</li>
 
</ul>
 
</p></body></html>

2、css列表标号样式list-style-type

　　属性值：

　　circle;空心圆
　　disc;实心圆
　　decimal;数字

list.css
 
ul>li{
 
list-style-type:circle;
 
}
 
ul>li>ol>li{
 
list-style-type:disc;
 
}

3、css标号样式的显示方式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;
 
}