CSS自动加序号-多种有序列表数字序号效果
来源:互联网 发布:淘宝nike官方旗舰店 编辑:程序博客网 时间:2024/05/21 19:36
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS自动加序号Ordered List样式</title>
<style type="text/css">
/* list 1 style */
#list1 {
font: italic 1em Georgia, Times, serif;
color: #999999;
}
#list1 p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}
/* list 2 styles */
#list2 {
font: italic 1em Georgia, Times, serif;
color: #999;
list-style: lower-roman;
}
#list2 p {
font: normal .85em Georgia, Times, serif;
color: #000;
}
/* list 3 styles */
#list3 {
font: normal 1.1em Arial, Helvetica, sans-serif;
color: #666;
}
#list3 p {
font: normal .7em Arial, Helvetica, sans-serif;
color: #000;
border-left: solid 1px #999;
margin: 0;
padding: 0 0 1em 1em;
}
</style>
</head>
<body>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
<ol id="list1">
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
</ol>
<ol id="list2">
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
</ol>
<ol id="list3">
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容
</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
</ol>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS自动加序号Ordered List样式</title>
<style type="text/css">
/* list 1 style */
#list1 {
font: italic 1em Georgia, Times, serif;
color: #999999;
}
#list1 p {
font: normal .8em Arial, Helvetica, sans-serif;
color: #000000;
}
/* list 2 styles */
#list2 {
font: italic 1em Georgia, Times, serif;
color: #999;
list-style: lower-roman;
}
#list2 p {
font: normal .85em Georgia, Times, serif;
color: #000;
}
/* list 3 styles */
#list3 {
font: normal 1.1em Arial, Helvetica, sans-serif;
color: #666;
}
#list3 p {
font: normal .7em Arial, Helvetica, sans-serif;
color: #000;
border-left: solid 1px #999;
margin: 0;
padding: 0 0 1em 1em;
}
</style>
</head>
<body>
<div><A href="http://www.999jiujiu.com/">http://www.999jiujiu.com/</A></div>
<ol id="list1">
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
</ol>
<ol id="list2">
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
</ol>
<ol id="list3">
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容
</p>
</li>
<li>
<p>显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容,显示内容</p>
</li>
</ol>
</body>
</html>
0 0
- CSS自动加序号-多种有序列表数字序号效果
- HTML+CSS基础 ol标签创建一个以数字作为序号的有序列表
- CSS多级数字序号的目录列表(类似3.3.1.这样的列表序号)
- Cxgrid列表加一列序号
- GridView控件加自动序号
- dedecms文章列表前面加图片序号
- 织梦dede给文章列表加序号
- HTML+CSS基础 ol标签创建一个以罗马数字作为序号的有序列表
- HTML+CSS基础 ol标签创建一个以字母作为序号的有序列表
- GridView控件中加自动排列序号
- DEDE文章列表加上序号效果
- Markdown 有序列表 多级列表 序号错乱解决
- 序号
- DataGridView加序号列
- 给数据加序号
- gridview加序号
- 表格前面加序号
- repeater前台加序号
- 【Android】SlidingMenu属性详解
- 针对类的向量增加及获得元素示例
- MPMoviePlayerController 电影播放器—IOS开发
- 第十一周项目4 - 类族的设计
- 第九周 项目四
- CSS自动加序号-多种有序列表数字序号效果
- win下ADS和linux下命令行Makefile开发
- UITabBarController 标签栏控制器-IOS开发
- VMware Workstation(虚拟机)桥接Bridge网络设置
- 【c】用malloc判断一个程序允许运行空间大小
- 利用word分词来计算文本相似度
- 微信企业号增加通讯录用户组时 错误 errcode 60011
- C++数据结构 顺序表的实现(模板类的实现)
- sqlite 实例教程 IOS下用sqlite打造词典-IOS开发