[html怎么加入图片]HTML怎么级联编号 HTML级联编号如何实现

2020-09-06 编程 阅读:

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) #

完整代码

[html怎么加入图片]HTML怎么级联编号 HTML级联编号如何实现

http://m.hzclsc.cn/ruanjianzixun/57572.html

推荐访问:html怎么运行 手机html怎么打开

编程推荐文章

推荐内容

上一篇:【visual studio】Visual Studio 2015环境搭建教程 下一篇:局域网 搭建服务器 node.js 优势_node.js环境搭建教程 node.js怎么进行环境搭建