dw有序列表ol怎么用?

简介: HTML页面添加有序列表ol的教程

有序列表的标签是ol,一半ol都会和li一起使用,如图,使用ol和li做出一个数据

image.png
打开预览后,就是这样的一个效果,如图,前面非常有顺序的1 2 3 排列!
image.png
这就是ol的属性了,还可以更改有序列表的数字显示方式,如图,在ol后面添加一个type属性,后面1就是他对应的属性设置了
image.png
image.png
在type后面还可以添加A,这样的数据排列就是从A开始的
image.png
还可以在后面添加小写字母a,然后后面数据排列就是从小a开始的,如图
image.png
还可以添加小写的i,大些的I,就形成了大写的罗马数字字符,如果不想要li的样式属性,可以对其添加清除命令。
image.png

目录
相关文章
|
前端开发
bootstrap table表格去掉排序箭头
bootstrap table表格去掉排序箭头
215 2
Layui 内置方法 - layer.tab(tab层)
Layui 内置方法 - layer.tab(tab层)
132 0
layui不同 li 不同数据表格,当前数据表格刷新后原定位到之前的 li
layui不同 li 不同数据表格,当前数据表格刷新后原定位到之前的 li
125 0
|
前端开发
零基础CSS入门教程(12)——有序列表样式
我们上节课学习了无序列表样式,那我们这一小节学习一下有序列表样式,并熟练使用。我们本小节讲了有序列表的样式,我们学习了有序列表样式,我们要熟练掌握并使用。(1)list-style-type: lower-alpha小写英文字母。
零基础CSS入门教程(12)——有序列表样式
【1109】Group Photo (25分)【双端队列/逻辑】
【1109】Group Photo (25分)【双端队列/逻辑】 【1109】Group Photo (25分)【双端队列/逻辑】
119 0