«

插入编号

MitSeek 发布于 阅读:32 CSS


<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>插入编号</title>
        <style>
            ul li{
                list-style: none;
                counter-increment: order;/* 增加一个计数器 */
            }
            li:before{
                content: counter(order)".";/* 插入content,函数counter(order)计数器 */
                color: blue;
            }
        </style>
    </head>
    <body>
        <ul>
            <li>第一步</li>
            <li>第二步</li>
            <li>第三步</li>
            <li>第四步</li>
        </ul>
    </body>
</html>

CSS