您正在使用 IPV4 [54.144.233.198] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
[公益]保护绿色环境,构建和谐社会       悟空收录网      

【腾讯云】 爆款2核2G3M云服务器首年 61元,叠加红包再享折上折      
[公益] 地球是我家,绿化靠大家      
2024年 清明节 006
2024年 劳动节 033
2025年 元 旦 278
2025年 春 节 306
 
您现在的位置:首页 >> 脚本代码 >> 内容
本类新增
本类热门
CSS实现多层嵌套列表自动编号的示例代码
内容摘要: !doctypehtmlhtmlheadmetacharset='utf-8'title列表结构/titlestyletype='text/css'ol{list-style:none;}/*清除默认的序号*/li:before{color:#f00;font-family:TimesNewRoman;}/*设计层级目录序号的字体样式*/li{counter......
<!doctypehtml>

<html>

<head>

<metacharset="utf-8">

<title>列表结构</title>

<styletype="text/css">

ol{list-style:none;}/*清除默认的序号*/

li:before{color:#f00;font-family:TimesNewRoman;}/*设计层级目录序号的字体样式*/

li{counter-increment:a1;}/*设计递增函数a,递增起始值为1*/

li:before{content:counter(a)".";}/*把递增值添加到列表项前面*/

lili{counter-increment:b1;}/*设计递增函数b,递增起始值为1*/

lili:before{content:counter(a)"."counter(b)".";}/*把递增值添加到二级列表项前面*/

lilili{counter-increment:c1;}/*设计递增函数c,递增起始值为1*/

lilili:before{content:counter(a)"."counter(b)"."counter(c)".";}/*把递增值添加到三级列表项前面*/

</style>

</head>

<body>

<ol>

<li>一级列表项目1

<ol>

<li>二级列表项目1</li>

<li>二级列表项目2

<ol>

<li>三级列表项目1</li>

<li>三级列表项目2</li>

</ol>

</li>

</ol>

</li>

<li>一级列表项目2</li>

</ol>

</body>

</html>

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:css圆角三角形的实现代码

 

下一篇:JavaScript计算某一天是星期几的方法

发布日期:2023/2/27
手机扫二维码直达本页
发布时间:14:46:56
点  击:12
录  入:壹家怡园
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....