CSS3 计数器的使用

来源:互联网 发布:淘宝天猫活动大全 编辑:程序博客网 时间:2024/05/23 12:00
<head>    <meta charset="UTF-8">    <title>Title</title>    <style>        body{            counter-reset: myCounter 100;  /*定义计数器名字   100 就是从100 开始*/        }        p{            counter-increment:myCounter 1; /*定义增量*/        }        p:before{            content: counter(myCounter); /*调用计数器*/        }    </style></head><body><p>这是个P1</p><p>这是个P2</p><p>这是个P3</p><p>这是个P4</p></body>