代码实例
<html>
<head>
<style rel="stylesheet" type="text/css">
li.a {
list-style-type: none;
}
li.b {
list-style-type: disc;
}
li.c {
list-style-type: circle;
}
li.d {
list-style-type: square;
}
li.e {
list-style-type: decimal;
}
li.f {
list-style-type: lower-alpha;
}
li.g {
list-style-type: upper-alpha;
}
li.h {
list-style-type: lower-roman;
}
li.i {
list-style-type: upper-roman;
}
</style>
</head>
<body>
<ul>
<li class="a">Point one</li>
<li class="b">Point two</li>
<li class="c">Point three</li>
<li class="d">Point four</li>
<li class="e">Point five</li>
<li class="f">Point six</li>
<li class="g">Point seven</li>
<li class="h">Point eight</li>
<li class="i">Point nine</li>
</ul>
</body>
</html> 尝试一下 »
点击“尝试一下”按钮查看在线实例
您可以使用 list-style-type 属性来设置列表的标记样式。
此属性的允许值如下所示。
- none - 不显示任何标记。
- box
check
circle
diamond
disc
dash square - 使用指定的形状作为标记。请注意，并非所有浏览器都支持所有形状。 - decimal - 使用十进制数字作为标记。
- binary - 为标记使用二进制数。
- lower-alpha - 对标记使用小写字母字符。
- upper-alpha - 对标记使用大写字母字符。
下面显示了正在使用的list-style-type属性。
<html>
<head>
<style rel="stylesheet" type="text/css">
li.a {
list-style-type: none;
}
li.b {
list-style-type: disc;
}
li.c {
list-style-type: circle;
}
li.d {
list-style-type: square;
}
li.e {
list-style-type: decimal;
}
li.f {
list-style-type: lower-alpha;
}
li.g {
list-style-type: upper-alpha;
}
li.h {
list-style-type: lower-roman;
}
li.i {
list-style-type: upper-roman;
}
</style>
</head>
<body>
<ul>
<li class="a">Point one</li>
<li class="b">Point two</li>
<li class="c">Point three</li>
<li class="d">Point four</li>
<li class="e">Point five</li>
<li class="f">Point six</li>
<li class="g">Point seven</li>
<li class="h">Point eight</li>
<li class="i">Point nine</li>
</ul>
</body>
</html>您可以将此属性应用于整个列表或单个列表项。
