<p > 本教程主要讲解了网页常用标签</p>
<ul>
<li>和
<hr />的样式的定义。希望对大家有所帮助。
<p></p>
<p > li {list-style-image: url(images/disc.gif);}</p>
<p > li的这个样式定义是将列表项目使用图片来代替显示的小圆点。当然您也可以显示成其它效果，详细请参阅下面的定义:</p>
<p > <strong>列表项目效果的CSS定义</strong></p>
<p > *list-style-type: circle(可换成自己想要的样式); 列表项目样式</p>
<p > disc : CSS1 实心圆</p>
<p > circle : CSS1 空心圆</p>
<p > square : CSS1 实心方块</p>
<p > decimal : CSS1 阿拉伯数字</p>
<p > lower-roman : CSS1 小写罗马数字</p>
<p > upper-roman : CSS1 大写罗马数字</p>
<p > lower-alpha : CSS1 小写英文字母</p>
<p > upper-alpha : CSS1 大写英文字母</p>
<p > none : CSS1 不使用项目符号</p>
<p > armenian : CSS2 传统的亚美尼亚数字</p>
<p > cjk-ideographic:CSS2 浅白的表意数字</p>
<p > georgian : CSS2 传统的乔治数字</p>
<p > lower-greek : CSS2 基本的希腊小写字母</p>
<p > hebrew : CSS2 传统的希伯莱数字</p>
<p > hiragana : CSS2 日文平假名字符</p>
<p > hiragana-iroha: CSS2 日文平假名序</p>
<p > katakana : CSS2 日文片假名字符</p>
<p > katakana-iroha: CSS2 日文片假名序号</p>
<p > lower-latin : CSS2 小写拉丁字母</p>
<p > upper-latin : CSS2 大写拉丁字母</p>
<p > *list-style-image: url(images/disc.gif); 用图像disc.gif代替列表项目显示</p>
<p > *list-style-position : outside | inside</p>
<p > outside: 列表项目标记放置在文本以外，且环绕文本不根据标记对齐</p>
<p > inside : 列表项目标记放置在文本以内，且环绕文本根据标记对齐</p>
<p > hr{border:1px dashed #86BCD4; height:1;}</p>
<p > <strong>在HTML代码中，还有一些特殊的如水平条hr，也可以在风格管理中加上定义，以更改其默认的显示效果:</strong></p>
<p > 水平条效果的CSS定义</p>
<p > BORDER-BOTTOM-STYLE: dotted;</p>
<p > BORDER-LEFT-STYLE: dotted;</p>
<p > BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;</p>
<p > height:1;</p>
<p > width:100%;</p>
<p >align:left;</p>
<p > color:#86BCD4;</p>
<p > Shade:no;</p>
<p > 水平条虚线效果定义</p>
<p > border:1px dashed #86BCD4; height: 1;</p>
<p><br />
</p>
</li>
</ul>