首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:12:05 版权归原作者所有,如有侵权,请联系我们

我们知道ol是html中的有序列表,他的序号有多种表现形式,下面小编就给大家分享一下都有哪些形式。9nd办公区 - 实用经验教程分享!

工具/原料

  • Sublime text

方法/步骤

  • 1

    首先当然要在HTML中准备一个ol列表,如下图所示9nd办公区 - 实用经验教程分享!

    HTML中ol有序列表有哪些序号展示方式9nd办公区 - 实用经验教程分享!

  • 2

    然后运行页面程序,你就会看到如下图所示的列表内容,默认ol是以阿拉伯数字展示的9nd办公区 - 实用经验教程分享!

    HTML中ol有序列表有哪些序号展示方式9nd办公区 - 实用经验教程分享!

  • 3

    接下来我们给ol添加一个type属性,并且给其赋值a,那么运行以后序列就以小写字母排序了,如下图所示9nd办公区 - 实用经验教程分享!

    HTML中ol有序列表有哪些序号展示方式9nd办公区 - 实用经验教程分享!

  • 4

    将type的值换成大写字母A,则ol的序号就会变为大写字母排序,如下图所示9nd办公区 - 实用经验教程分享!

    HTML中ol有序列表有哪些序号展示方式9nd办公区 - 实用经验教程分享!

  • 5

    另外我们还可以用罗马数字的方式进行序列排序,如下图所示,小写字母i是小写罗马数字的表现形式9nd办公区 - 实用经验教程分享!

    HTML中ol有序列表有哪些序号展示方式9nd办公区 - 实用经验教程分享!

  • 6

    如果将type换成大写I,则ol的序列就变成了大写罗马数字排序了,如下图所示9nd办公区 - 实用经验教程分享!

    HTML中ol有序列表有哪些序号展示方式9nd办公区 - 实用经验教程分享!

  • 6相关内容非法爬取自百度经验
  • 7

    综上所述,在ol中序列的展示方式有阿拉伯数字,英文字母,罗马数字三种方式,大家可以根据自己需要选择9nd办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!9nd办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号