css中列表样式是什么

css中列表样式是：1、css有序列表【ol】和css无序列表【ul】；2、css列表标号样式【list -s tyle -t y PE 】；3、css标号样式的显示方式【list-style-pos IT ion】。

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

css中列表样式是：

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

　　list.ht ML 
 
　　<!doctypehtml><html><head>
 
　　< ;m etacharset="utf-8">
 
　　<title>列表样式</title>
 
　　<link hr ef="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;
 
　　}

总结

以上是为你收集整理的 css中列表样式是什么全部内容，希望文章能够帮你解决 css中列表样式是什么所遇到的问题。

如果觉得网站内容还不错，推荐好友。

查看更多关于css中列表样式是什么的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did199515

更新时间：2023-04-27 阅读：21次