本文主要介绍html中有序列表标签ol,li的高级应用,
在网页设计时我们设计有序列表内容时,经常会在每个ITEM前手工加上一个数值,或是由程序加上这个数值。
而如果使用有序列表标签ol和li,则不需要这么麻烦,根本不用自行去填写序数,当单层列表的时候这种特性似乎并不明显,而当使用多层的时候其特性就很明显了。
一般的标签ol和li有序列表应用代码如下:
- 列表内容一
- 列表内容二
- 列表内容三
- 列表内容四
- 列表内容五
下面让我们看一下有序列表标签ol,li的高级应用:
改变有序列表的开始值
改变开始值的属性是:"start",下面是序列号从10开始的有序列表示例代码:
立即学习“前端免费学习笔记(深入)”;
创想C2C商城系统,系统功能仿照淘宝设计,采用模块标签技术和静态html生成技术 基于Asp.Net/C#+SQL的开发的创想多用户商城系统,具有智能化、高扩展、稳定安全等特性,后台可自由添加频道,自由修改界面风格,商品无限级 分类,支持在线支付整合,通过安装和使用创想C2C商城系统,就可以轻松建立起专业大型的网上交易平台。创想C2C多用户商城系统5.6.3.8版本升级功能1.网站地区设置功能的增
- 列表内容一
- 列表内容二
- 列表内容三
- 列表内容四
- 列表内容五
运行代码查看效果:
CSS在线-示例
- 列表内容一
- 列表内容二
- 列表内容三
- 列表内容四
- 列表内容五

设置有序列表的序号类型
改变编号类型的属性是:"type",type类型有以下几种类型:
A 大写字母 A、B、C、D、E
a 小写字母 a、b、c、c、e
I 大写罗马数字 I、II、III、IV、V
i 小写罗马数字 i、ii、iii、iv、v
1 阿拉伯数字 1、2、3、4、5
下面是序列号类型是大写字母的有序列表示例代码:
CSS在线-示例
- 列表内容一
- 列表内容二
- 列表内容三
- 列表内容四
- 列表内容五










