CSS有关条列项目的设定

作者： unknow

..................................
CSS 2.0 条列项目...
在HTML中有两种条列项目可以使用，分别是<ol>与<ul>...
CSS提供的设定大致如下：

list-style-type:none|decimal|lower-roman|uppercase|lower-alpha|upper-alpha
disc|circle|square
设定条列项目符号，第一行适用于<ol>的设定...
依序是预设|阿拉伯数字|小写罗马数字|大写罗马数字|小写英文字母|大写英文字母
第2行适用于<ul> 依序是实心圆|空心圆|实心方形

list-style-image:none|url or image

图形符号

list-style-position:outside|inside

缩排
....................
使用方式如下：

<html>
<head>
<title></title>
</head>
<body>
<ol style="list-style-type:lower-roman">
<li>第一列
<li>第二列
</ol>
<ul style="list-style-type:disc">
<li>第三列
<li>第四列
</ul>
<ul style="list-style-image:url(gifs/ball.gif)">
<li>第五列
<li>第六列
</ul>
</body>
</html>

对于条列项目的设定大概就是这样...
这些范例在我的网页都有....有兴趣可以看看...
如果以上的内容有误或着有问题的话..
欢迎你mail给我...

返回顶部

下一篇：CSS定位：z-index >>