CSS content产生递增序号实例页面

CSS代码：

ol {
   list-style-type:none;		
   counter-reset:sectioncounter;
}                      
ol li:before {
   content:"美女" counter(sectioncounter) "： "; 
   counter-increment:sectioncounter;
}
                

HTML代码：

<ol>
    <li><img src="//image.zhangxinxu.com/image/study/s/s128/mm1.jpg" width="128" height="96" /></li>
    <li><img src="//image.zhangxinxu.com/image/study/s/s128/mm3.jpg" width="128" height="96" /></li>
</ol>