关于列表的css样式有哪些以及如何设置css列表样式？接下来的这篇文章将为大家介绍关于css列表样式的内容。

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

list.html

列表样式

• 水果
  1. 苹果
  2. 香蕉
  3. 梨子

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

属性值：

circle;空心圆

disc; 实心圆

decimal;数字

list.cssul>li{

list-style-type:circle;

}

ul>li>ol>li{

list-style-type:disc;

}

3、css标号样式的显示方式list-style-position

属性值：outside(在文本之外,默认)

inside(和文本一起)

list.cssul{

text-align: center;

list-style-position:outside;

}

ul>li{

list-style-type:circle;

}

ul>li>ol>li{

list-style-type:disc;

}

相关推荐：导入式样式表CSS与链接式样式表CSS的区别