打印本文 打印本文 关闭窗口 关闭窗口
CSS有关条列项目的设定
作者:武汉SEO闵涛  文章来源:敏韬网  点击数934  更新时间:2009/4/23 13:47:32  文章录入:mintao  责任编辑:mintao

.................................. 
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给我... 


打印本文 打印本文 关闭窗口 关闭窗口