• 大番薯,专业安全免费的软件下载网站
手机版
所在位置：大番薯下载站 >电脑问题 >HTML怎么级联编号 HTML级联编号如何实现

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

2017-06-30 09:35 标签： html

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
 
本文由大番薯编辑发表。转载此文章须经大番薯同意，并请附上出处(大番薯)及本页链接。
原文链接：https://www.dafanshu.com/dfszx/dnwt/4548.html

最新电脑问题

大家都在看

u盘杀毒专家winpe免费绿色安装版 7-Zip解压工具绿色专业免费版
拼音加加输入法winpe免费绿色专用版

拼音加加输入法是一款拼音类的中文输入法，与整句输入风格的智能狂拼不同的是对词语的处理特性较好，对于初期学电脑打字的人而言是一款不错的中文输入法。

大番薯指南

更多>> 联想thinkpad a285笔记本怎么用u盘装win10系统

U盘工具下载推荐

更多>>

BIOS设置教程推荐

更多>>

热门U盘常识

更多>>