发信人: parislenin()
整理人: eagle(2000-06-03 10:55:25), 站内信件
|
项目列表符号list-style-type
可以设置的值有：圆点disc、圆圈circle、方块square、数字decimal、小写
罗马字母lower-roman、大写罗马字母upper-roman、小写字母lower-alpha、大写
字母upper-alpha、无none。
当项目列表前的符号你没有设置图片作为标记的时候，便是用这来指定项目
列表前的符号的样式，例如：
OL { list-style-type: decimal } /* 1 2 3 4 5 etc. */
OL { list-style-type: lower-alpha } /* a b c d e etc. */
OL { list-style-type: lower-roman } /* i ii iii iv v etc. */5.6.4
项目列表图形符号list-style-image
一般你在网页中做一个项目列表的时候，列表符号是一个小圆点，通过这个
属性，你可以将小圆点改为你满意的小图标，它有两个取值：图标url、无none。
使用时象这样：
UL { list-style-image: url(http://www.abc.com/img.gif) }
项目列表位置list-style-position
这个属性的目的是如何安排项目列表符号的位置，通常我们看到的项目列表
符号是单独在一列，而内容在这一列以外的地方。也就是说项目列表符号的上、
左、下方都没有项目列表的内容。
使用这个属性有两个值：符号与内容分开outside、符号与内容在一起insid
e。通常状态是outside。
使用了inside后，项目列表符号就象一段文字的第一个字符，处在首位。就
象使用<UL COMPACT>一样使列表以紧凑格式显示。
项目列表式样list-style
它的使用中可以有的值有<keyword>、<position>和<url>。使用这个属性的
目的是对同一项目列表快速设置项目列表符号list-style-type、列表图形符号l
ist-style-image和项目列表位置list-style-position三个样式属性。比如：
UL { list-style: upper-roman inside }
UL { list-style: url(http://www.abc.com/img.gif) outside }
LI.square { list-style: square }
如果你对标签直接设置list-style样式风格，你将得到意想不到的视觉
效果，例如：
<STYLE TYPE="text/css">
OL.alpha LI { list-style: lower-alpha }
UL LI { list-style: disc }
</STYLE>
<BODY>
<OL CLASS=alpha>
level 1
</BODY>
--
庞磊 ---- 网络安居工程倡导者！
倡导网络安居工程，人人都有一个家！！一切从学会制作网页开始。
>>http://www9000.126.com<<>>http://www9000.cn99.com<<
>>http://www9000.yeah.net<<>>http://www9000.home.china.com<<
>>>>>>>>>>>><<<<<<<<<<<<
※ 来源:．月光软件站 http://www.moon-soft.com．[FROM: 202.98.195.2]
|
|