• 凯蒂猫连锁超市 v1.0
  • 空战勇士炽热战云 v1.0.0
  • 霓虹冲击 v3.1.5

HTML怎么级联编号(怎么在html中设置编号列表)

2023-06-02 15:28:16作者:光伏下载站

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

HTML怎么级联编号

CSS counter-reset 属性

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

HTML怎么级联编号

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

HTML怎么级联编号

HTML怎么级联编号

counter-increment 属性

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

HTML怎么级联编号

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

HTML怎么级联编号

HTML DOM content 属性

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

HTML怎么级联编号

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

HTML怎么级联编号

完整代码

HTML怎么级联编号

相关攻略

编号级联HTML

版权声明:部分内容为互联网整合,文中观点不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至举报,一经查实,本站将立刻删除。

相关文章