一、什么是CSS列表？

CSS列表是HTML里一种很有用的显示方式，可以把相关的并列内容整齐地垂直排列，使网页显得整洁专业，并让浏览者有一目了然的感觉。 样式表为列表增加了一些功能，控制列表的样式包括列表样式、图形符号、列表位置三个部分。

1．列表符号

列表符号是指显示于每一个列表项目前的符号标识。

基本格式如下：

list-style-type：参数

参数取值范围：

·disc：圆形

·circle：空心圆

·square：方块

·decimal：十进制数字

·lower-roman：小写罗马数字

·upper-roman：大写罗马数字

·lower-alpha：小写希腊字母

·upper-alpha：大写希腊字母

·none：无符号显示

 {background: 颜色 } 安全显示列表符   

参数中的disc是默认选项。

2．图形符号

图形符号指原来列表的项目符号将可以使用图形来代替。

基本格式如下：

list-style-image：URL

URL是用来代替项目符号的图形文件的地址，可以使用相对地址或绝对地址。

3．列表位置列表位置描述列表在何处显示。

基本格式如下：

list-style-position：参数

参数取值范围：

·inside：在BOX模型内部显示

·outside：在BOX模型外部显示

二、CSS列表分类

CSS列表样式分为有序列表、无序列表和定义列表。

无序列表（可嵌套）<ul></ul>声明列表是无序的<li></li>包含一列项目。

有序列表（可嵌套）<ol></ol>声明列表是有序的<li></li>包含一列项目。

定义列表（dt定义概念、dd解释；有缩进）

以上的CSS list-style的属性由网页知识大全为大家整理

• 0
• 0
• 0
• 0
• 0
• 0
• 0
• 0