CSS3使用计数器自动添加数字序号功能
来源:互联网 发布:关系数据语言的特点 编辑:程序博客网 时间:2024/06/05 18:04
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>CSS计数器</title>
<style type="text/css">
html {
color: #444;
font: 16px/1.6 微软雅黑,"Microsoft YaHei";
}
ul {
list-style: none;
padding-left: 3em;
}
.menu {
counter-reset: chapter;
}
.menu > li {
counter-increment: chapter;
counter-reset: section;
}
.menu > li:before {
content: "第" counter(chapter) "章";
padding-right: .5em;
}
.menu ul > li {
counter-increment: section;
}
.menu ul > li:before {
content: "第" counter(section) "节";
padding-right: .5em;
}
</style>
</head>
<body>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
<ul class="menu">
<li>ASP.net教程
<ul>
<li>变量</li>
<li>函数</li>
<li>对象</li>
<li>数据库</li>
<li>输出</li>
</ul>
</li>
<li>java教程
<ul>
<li>变量</li>
<li>函数</li>
<li>对象</li>
<li>数据库</li>
<li>输出</li>
</ul>
</li>
</ul>
</body>
</html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>CSS计数器</title>
<style type="text/css">
html {
color: #444;
font: 16px/1.6 微软雅黑,"Microsoft YaHei";
}
ul {
list-style: none;
padding-left: 3em;
}
.menu {
counter-reset: chapter;
}
.menu > li {
counter-increment: chapter;
counter-reset: section;
}
.menu > li:before {
content: "第" counter(chapter) "章";
padding-right: .5em;
}
.menu ul > li {
counter-increment: section;
}
.menu ul > li:before {
content: "第" counter(section) "节";
padding-right: .5em;
}
</style>
</head>
<body>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
<ul class="menu">
<li>ASP.net教程
<ul>
<li>变量</li>
<li>函数</li>
<li>对象</li>
<li>数据库</li>
<li>输出</li>
</ul>
</li>
<li>java教程
<ul>
<li>变量</li>
<li>函数</li>
<li>对象</li>
<li>数据库</li>
<li>输出</li>
</ul>
</li>
</ul>
</body>
</html>
0 0
- CSS3使用计数器自动添加数字序号功能
- DataTable自动添加序号
- CSS3 计数器的使用
- 使用forEach添加序号
- 页面添加自动排序序号
- Tip:DataGrid 自动添加序号
- css3 自动生成序号(不使用JS,可任意排序)
- CSS自动加序号-多种有序列表数字序号效果
- 给DataGrid添加index序号,自动编号
- dataGridView1自动给行添加序号
- 使用CSS计数器给HTML项目前加序号
- 添加序号
- 数字计数器
- 添加自动输入功能
- 给SQL数据表增加自动序号递增功能!!!
- 在DataGrid中添加自动增长的序号列
- SQL语句查询结果额外添加一列序号自动增加
- Infopath重复表添加自动递增的序号
- CSS表格实例详解
- 利用hibernatedoclet生成hbm文件
- linux计划任务访问网页
- 作为一个游戏开发者,我们需要做什么?
- 抽象工厂模式(AbstractoryFactory)——创建型模式
- CSS3使用计数器自动添加数字序号功能
- <c:foreach>用法
- jQuery和CSS3动感手风琴多级列表树菜单
- 有关触发器的疑问:???
- 一)洞悉linux下的Netfilter&iptables:什么是Netfilter? 2
- python3.4.1导excel进mysql数据库
- (二)洞悉linux下的Netfilter&iptables:内核中的ip_tables小觑
- 我的第一篇博客
- HDU Delta-wave