html中有序列表标签ol,li的高级应用
2020-12-13 03:58
阅读：240
YPE html>
标签：style blog class code c java
本文主要介绍html中有序列表标签ol,li的高级应用,
在网页设计时我们设计有序列表内容时，经常会在每个ITEM前手工加上一个数值，或是由程序加上这个数值。
而如果使用有序列表标签ol和li，则不需要这么麻烦，根本不用自行去填写序数，当单层列表的时候这种特性似乎并不明显，而当使用多层的时候其特性就很明显了。
一般的标签ol和li有序列表应用代码如下：
- 列表内容一
- 列表内容二
- 列表内容三
- 列表内容四
- 列表内容五
下面让我们看一下有序列表标签ol,li的高级应用：
改变有序列表的开始值
改变开始值的属性是："start"，下面是序列号从10开始的有序列表示例代码：
"10">
- 列表内容一
- 列表内容二
- 列表内容三
- 列表内容四
- 列表内容五
运行代码查看效果：
span>"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">CSS在线-示例 "10">
- 列表内容一
- 列表内容二
- 列表内容三
- 列表内容四
- 列表内容五
设置有序列表的序号类型
改变编号类型的属性是："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
下面是序列号类型是大写字母的有序列表示例代码：
span>"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">CSS在线-示例 "A">
- 列表内容一
- 列表内容二
- 列表内容三
- 列表内容四
- 列表内容五
html中有序列表标签ol,li的高级应用,搜素材,soscw.com
html中有序列表标签ol,li的高级应用
标签：style blog class code c java
原文地址：http://www.cnblogs.com/aobingyan/p/3730081.html
评论
亲，登录后才可以留言！