HTML中ol有序列表有哪些序号展示方式

 时间:2024-11-18 18:24:18

1、首先当然要在HTML中准备一个ol列表,如下图所示

HTML中ol有序列表有哪些序号展示方式

2、然后运行页面程序,你就会看到如下图所示的列表内容,默认ol是以阿拉伯数字展示的

HTML中ol有序列表有哪些序号展示方式

3、接下来我们给ol添加一个type属性,并且给其赋值a,那么运行以后序列就以小写字母排序了,如下图所示

HTML中ol有序列表有哪些序号展示方式

4、将type的值换成大写字母A,则ol的序号就会变为大写字母排序,如下图所示

HTML中ol有序列表有哪些序号展示方式

5、另外我们还可以用罗马数字的方式进行序列排序,如下图所示,小写字母i是小写罗马数字的表现形式

HTML中ol有序列表有哪些序号展示方式

6、如果将type换成大写I,则ol的序列就变成了大写罗马数字排序了,如下图所示

HTML中ol有序列表有哪些序号展示方式

7、综上所述,在ol中序列的展示方式有阿拉伯数字,英文字母,罗马数字三种方式,大家可以根据自己需要选择

  • css如何设置li标签左边距
  • 如何使用HTML5+CSS3设置无序列表无标点横向排列
  • css如何实现li标签横向排列
  • HTML如何在box里定义一张图片
  • 怎样利用html、css制作简单的网页
  • 热门搜索
    母亲节手抄报 我爱阅读手抄报 六一儿童节手抄报 世界水日手抄报 推广普通话手抄报 安全在我心中手抄报 遨游汉字王国的手抄报的图片 感恩父母手抄报 环境保护手抄报 国庆节手抄报