css中列表样式是什么-9543建站博客

广告：宝塔Linux面板高效运维的服务器管理软件点击【 https://www.bt.cn/p/uNLv1L 】立即购买

css中列表样式是什么

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

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

css中列表样式是：

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

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

登录后复制