关于列表的css样式有哪些以及如何设置css列表样式?接下来的这篇文章将为大家介绍关于css列表样式的内容。
1、css有序列表(ol)和css无序列表(ul)
list.html
列表样式- 水果
- 苹果
- 香蕉
- 梨子
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的区别