<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>列表结构</title>
<styletype="text/css">
ol{list-style:none;}/*清除默认的序号*/
li:before{color:#f00;font-family:TimesNewRoman;}/*设计层级目录序号的字体样式*/
li{counter-increment:a1;}/*设计递增函数a,递增起始值为1*/
li:before{content:counter(a)".";}/*把递增值添加到列表项前面*/
lili{counter-increment:b1;}/*设计递增函数b,递增起始值为1*/
lili:before{content:counter(a)"."counter(b)".";}/*把递增值添加到二级列表项前面*/
lilili{counter-increment:c1;}/*设计递增函数c,递增起始值为1*/
lilili:before{content:counter(a)"."counter(b)"."counter(c)".";}/*把递增值添加到三级列表项前面*/
</style>
</head>
<body>
<ol>
<li>一级列表项目1
<ol>
<li>二级列表项目1</li>
<li>二级列表项目2
<ol>
<li>三级列表项目1</li>
<li>三级列表项目2</li>
</ol>
</li>
</ol>
</li>
<li>一级列表项目2</li>
</ol>
</body>
</html>
|