小兔网

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

css中列表样式是什么

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

css中列表样式是:

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

  list.html   <!doctypehtml><html><head>   <metacharset="utf-8">   <title>列表样式</title>   <linkhref="https://zhishitu.com/ke"   <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;   }

相关教程推荐:CSS视频教程

以上就是css中列表样式是什么的知识。速戳>>知识兔学习精品课!