CSS实用教程(六)

作者:黄宝骅 来源: 日期:2002-8-11
十.控制列表的样式

列表是HTML里一种很有用的显示方式,可以把相关的并列内容整齐地垂直排列,使网页显得整洁专业,并让浏览者有一目了然的感觉。

样式表为列表增加了一些功能,控制列表的样式包括列表样式、图形符号、列表位置三个部分。

1.列表符号

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

基本格式如下:

list-style-type:参数

参数取值范围:

·disc:圆形
·circle:空心圆
·square:方块
·decimal:十进制数字
·lower-roman:小写罗马数字
·upper-roman:大写罗马数字
·lower-alpha:小写希腊字母
·upper-alpha:大写希腊字母
·none:无符号显示

参数中的disc是默认选项。

2.图形符号

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

基本格式如下:

list-style-image:URL

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

3.列表位置

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

基本格式如下:

list-style-position:参数

参数取值范围:

·inside:在BOX模型内部显示
·outside:在BOX模型外部显示

这里又出现了一个新的概念:BOX模型。BOX是指一种容器,包含了应用样式规则的对象,具体介绍将在后文中给出。
相关文章
文章评论