您的位置:首页资讯编程开发 → HTML怎么级联编号 HTML级联编号如何实现

HTML怎么级联编号 HTML级联编号如何实现

时间:2015/2/28 10:46:33来源:pc6整理作者:cz我要评论(0)

HTML网页制作的朋友不会陌生,在网页制作的是时候我们可能会用到编号。但是编号往往不是一级,那么我们该如何实现级联编号呢?下面小编就为大家分享一下HTML级联编号如何实现

CSS counter-reset 属性

CSS counter-reset 属性用于设置某个选择器出现次数的计数器的值。

我们就可以使用以下有序列表进行测试:

counter-increment 属性

counter-increment 属性用于设置某个选取器每次出现的计数器增量。默认增量是 1。

依旧使用上面的序列,另外使用counter-reset: item -1进行测试

HTML DOM content 属性

通过content 属性来改变列表的编号。这里主要介绍其中的counter用法

下面通过counters方法将所有的计数器显示,以圆点(.)分隔,list-style-tyle为decimalcontent: counters(item,".",decimal) "# ";

完整代码

相关视频

    没有数据

相关阅读 HTML5小游戏 HTML5在线游戏试玩地址 HTML5游戏大全Mac看HTML5视频教程Mac上优酷看HTML5视频教程Safari插件推荐:自动转Flash为Html5教您如何把flash转换为html5苹果产品获取优酷HTML5播放真实地址的方法html文件打开出错解决办法必须熟知的28个HTML5新特性

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 编程语言排行榜2020年android studio怎么删 eclipse怎么设置编码格式 eclipse设置编码格andriod studio如何使用真机测试 andriod sandroid studio怎么生成apk android studioandroid studio如何导入jar包 android stud

人气排行 安卓模拟器BlueStacks安装使用教程编程语言排行榜2020年9月 TIOBE编程语言排行eclipse字体大小怎么设置 eclipse字体大小plsql developer怎么连接数据库 plsql deveTomcat9.0安装教程 Tomcat9.0环境变量配置方plsql developer怎么使用 plsql developerVisual Studio 2015环境搭建教程Eclipse优化设置教程 Eclipse优化设置技巧