CSS有关条列项目的设定
..................................
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给我...
- · 标格阴影
- · 5.9 复习
- · 5.8 第5日的练习
- · 5.7 放眼未来
- · 5.5 叠放文字和图象
- · 5.4 控制定位了的要素
- · 5.3 相对定位
- · 5.2 绝对定位
- · 5.1 第5日
- · 4.8 复习
- · 4.8 复习
- · 4.7 第4天的练习
- · 4.6 快捷特性
- · 4.5 控制背景图象
- · 4.4 背景图象
- · 4.3 背景颜色
- · 4.2 为你的世界添加色彩
- · 4.1 第4天
- · 3.9 复习
- · 3.8 第3天的练习
- · 3.7 浮动要素
- · 3.6 边框
- · 3.5 边距及空格填充
- · 3.4 文字对齐及缩行
- · 3.3 行距
- · 3.2 字间距及字母间距
- · 3.1 第3日
- · 2.7 复习
- · 2.6 第2日的练习
- · 2.5 文字的特殊效果
- · 2.4 加重显示和斜体字的所有方式
- · 2.3 对字号的控制
- · 2.2 按照字体名称调用字体
- · 2.1 第2日
- · 1.8 第1日复习
- · 1.7 关于浏览器的坏消息
- · 1.6 串接
- · 1.5 分类及其它技巧
