CSS计数器counter()方法style参数测试实例页面

回到相关文章 »

代码:

CSS代码:
.counter { counter-reset: wangxiaoer 2; font-size: 24px; font-family: arial black; color: #cd0000; }
.counter:before,
.counter:after { display: block; content: counter(wangxiaoer, lower-roman); counter-increment: wangxiaoer; }
                
HTML代码:
<strong>我叫王小二,万万没想到,下面要出现的数字是:</strong>
<p class="counter"></p>
<strong>直接穿越到罗马,这万虐的剧情让我这个客串演员实在承受不住啊!</strong>
                

效果:

我叫王小二,万万没想到,下面要出现的数字是:

直接穿越到罗马,这万虐的剧情让我这个客串演员实在承受不住啊!