下面给大家解释一下css中的列表样式有哪些。相信朋友们也应该密切关注这个话题。现在来说说css中的列表样式有哪些是给朋友看的。边肖还收集了css中列表样式的相关信息。我希望你看到后会喜欢。

css中的列表样式有：1。css有序列表[ol]和css无序列表[UL]；2.css列表标签样式[list-style-type]；3.css标签样式的显示方式[列表-样式-位置]。

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

css中的列表样式是：

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

list.html

！doctypehtmlhtmlhead

元字符集='utf-8 '

列表样式/标题

link href=' box . CSS ' type=' text/CSS ' rel=' style sheet '/head body

p

保险商实验所

水果李醇

李苹果/李

李香蕉/李

李梨/李

/ol

/李

/ul

/p/body/html

2.css列表标签样式列表样式类型

属性值：

圆形；空心圆

光盘；唱片

十进制；数字

list.css

ulli{

list-style-type : circle；

}

尤里奥利

list-style-type : disc；

}

3.css标签样式列表-样式-位置的显示模式

属性值：外部(外部文本，默认)

内部(带文本)

list.css

ul{

text-align : center；

list-style-position :外部；

}

ulli{

list-style-type : circle；

}

尤里奥利

list-style-type : disc；

}相关教程推荐：CSS视频教程

以上是css中列表样式的细节。请多关注php中文网的其他相关文章！

来源：php中文网站