css列表样式是什么

这篇文章主要介绍了css列表样式是什么，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

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

　　list.html

　　

　　

• 水果

  　　

  1. 苹果

  　　

  2. 香蕉

  　　

  3. 梨子

  　　

  　　

　　

　　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;

　　}

感谢你能够认真阅读完这篇文章，希望小编分享的"css列表样式是什么"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!