zzbo

唏嘘的感慨一年年。。。

CSS3列表编号Demo

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312">
        <title>嵌套编号Demo</title>
        <style type="text/css">
        *{margin:0; padding:0;}
                body{font-size:14px; color:#333; font-family:"Microsoft Yahei";}
                h2{counter-increment:myCounter; counter-reset:suba;}
                h2:before{color:red; content:counter(myCounter)"、";}
                p{counter-increment:suba;}
                p:before{margin-left:20px; content:counter(suba)"、";}
        </style>
    </head>
    
    <body>
        <h2>大标题</h2>
        <p>子标题</p>
        <p>子标题</p>
        <p>子标题</p>
        <h2>大标题</h2>
        <p>子标题</p>
        <p>子标题</p>
        <h2>大标题</h2>
        <p>子标题</p>
        <p>子标题</p>
        <p>子标题</p>
    </body>
</html>

posted on 2012-02-11 14:20  zzbo  阅读(432)  评论(0)    收藏  举报

导航