首页 > 开发 > CSS > 正文

CSS黑魔法之计数器counter的使用技巧

2024-07-11 09:06:59
字体:
来源:转载
供稿:网友
这篇文章主要介绍了CSS3黑魔法之计数器counter的使用技巧,文中甚至用它来实现了一个小型的加法计算器,这对于CSS来说还是十分exciting的,需要的朋友可以参考下
 
 

计数器(counter),“老一辈”程序员估计对这个东西印象深刻,早期的网站页面上经常会有这个东西,如今这种特征都变成了笑话。CSS里自己实现了一种计数器,很简单,很直接。使用CSS计数器,你可以实现简单的纯CSS的计数功能,并能将其显示到页面上。下面我们简单的看一下CSS计数器是如何使用的!

初始化CSS计数器

为了好理解,我们使用<OL> 和 <LI> 元素来做演示。首先我们要重置计数器,让它归零,并给它指定一个名称:

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表