CSS list-style属性控制ul标签样式
<style type="text/css" media="all">
ul
{
list-style-type: disc;
}
ul#circle
{
list-style-type: circle;
}
ul#square
{
list-style-type: square;
}
ul#decimal
{
list-style-type: decimal;
}
ul#decimal-leading-zero
{
list-style-type: decimal-leading-zero;
}
ul#lower-roman
{
list-style-type: lower-roman;
}
ul#upper-roman
{
list-style-type: upper-roman;
}
ul#lower-greek
{
list-style-type: lower-greek;
}
ul#lower-latin
{
list-style-type: lower-latin;
}
ul#upper-latin
{
}
ul#armenian
{
list-style-type: armenian;
}
ul#georgian
{
list-style-type: georgian;
}
ul#lower-alpha
{
list-style-type: lower-alpha;
}
ul#upper-alpha
{
list-style-type: upper-alpha;
}
ul#none
{
list-style-type: none;
}
ol
{
list-style-type: lower-roman;
}
</style><body>
<ul>
<li>正常模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>圆圈模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>正方形模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>数字模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>以一个0开头的数字模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>小写罗马文字模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>大写罗马文字模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>小写阿拉伯文字模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>小写拉丁文模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>大写拉丁文模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>亚美尼亚数字模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>乔治亚数字模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>小写拉丁文模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>大写拉丁文模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
<ul >
<li>无模式</li>
<li>草莓</li>
<li>香蕉</li>
<li>苹果</li>
</ul>
</body>- 上一篇 »13 CSS样式权重问题
- 下一篇 »Javascript控制html5 Audio标签
