好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

深入理解CSS计数器_html/css_WEB-ITnose

目录 [1]创建计数器 [2]使用计数器 [3]DEMO

前面的话

使用计数器

  具体使用计数器需要结合使用content属性和counter()函数

counter()函数

  counter()函数接受两个参数,而且两参数之间用逗号(,)来分隔,第一个参数是计数器标识符,第二个参数设置计数器风格(可省略),与列表中list-style-type值相同。同样的,可以使用多个counter()函数。

content: counter(c1,upper-roman);//表示使用大写罗马字母格式的计数器c1      

  【关于计数器风格详细下面演示框】

   点击下列相应属性值可进行演示

DEMO

简单计数器演示

   点击下列相应属性值可进行演示

代码查看

层级目录演示

   点击下列相应属性值可进行演示

            

第一章

第一部分

第一节

第二节

第二部分

第一节

第二章

第一部分

第一节

第二节

第二部分

第一节

第三章

第一部分

第一节

第二节

第二部分

第一节

查看更多关于深入理解CSS计数器_html/css_WEB-ITnose的详细内容...

  阅读:35次