dw有序列表ol怎么用? HTML页面添加有序列表ol的教程

作者:袖梨 2025-07-12

在网站中经常见到非常有顺序的排列,1、2、3···,很多时候这种情况都是使用有序列表来做的,今天我们就重点来看下有序列表的一般使用方法。

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

img_64cb78c61240830.jpg

打开预览后,就是这样的一个效果,如图,前面非常有顺序的1 2 3 排列

img_64cb78c620c6431.jpg

这就是ol的属性了,还可以更改有序列表的数字显示方式,如图,在ol后面添加一个type属性,后面1就是他对应的属性设置了

img_64cb78c6373ec32.jpg

img_64cb78c64a16733.jpg

在type后面还可以添加A,这样的数据排列就是从A开始的

img_64cb78c65aad434.jpg

img_64cb78c68c18935.jpg

还可以在后面添加小写字母a,然后后面数据排列就是从小a开始的,如图

img_64cb78c6a386236.jpg

img_64cb78c6cdc2c37.jpg

还可以添加小写的i,

img_64cb78c6dff8538.jpg

img_64cb78c75f15139.jpg

还有大些的I,就形成了大写的罗马数字字符,如图所示。

img_64cb78c7aa54e310.jpg

img_64cb78c7e7447311.jpg

如果不想要li的样式属性,可以对其添加清除命令。

img_64cb78c809a0d312.jpg

img_64cb78c82065c313.jpg

相关文章

精彩推荐