CSS计数器counter-increment基本递增机制演示实例页面
回到相关文章 »代码:
CSS代码:
.counter { counter-reset: wangxiaoer 2; font-size: 24px; font-family: arial black; color: #cd0000; } .counter:before, .counter:after { content: counter(wangxiaoer); counter-increment: wangxiaoer; }
HTML代码:
<strong>我叫王小二,万万没想到,下面要出现的数字是:</strong> <p class="counter"></p> <strong>兄弟情深,排辈递增。</strong>
效果:
我叫王小二,万万没想到,下面要出现的数字是:
兄弟情深,排辈递增。