本篇文章介绍了html的ol标签是怎么去掉序号标号的，这里还有代码的详细解释，还有介绍了关于html ol有序列表标签如何更改序号，下文介绍了三种序号，大家也可以自己去想填写怎样的序号。现在来看这篇文章吧
一、我们先看看html中的ol标签是如何去掉标号的呢：
我们都知道html的ol标签是个有序列表的标签，通常都是以1、2、3、4这样一直持续下去的，有时候你又不想它就这样一直下去，想把这些数字换成别的，比如换成你自己序号啊A、I、i之类的，还比如你不要这些符号了，想把前面的序号给去掉，前面我们先说说如何去掉序号。(想看更多就来PHP中文网，关于HTML编程的课程)
让我们先看个完整的代码实例吧
PHP中文网
- 创想鸟
- 百度
- 腾讯
这是一个基本的ol标签的代码，效果如下图显示：
立即学习“前端免费学习笔记（深入）”；
我们很明显的能看到，这ol标签的序号默认都是123开始的，都是以小写数字做为默认的序号的，那么我们要做的就是要把序号给去掉。
现在给大家看一个已经去掉ol标签序号的代码实例：
PHP中文网 ol{list-style:none;}跟上面也差
- 创想鸟
- 百度
- 腾讯
不多，这里比上面多加了一点层叠样式表css样式，这个样式，你现在还不需要去理解，这个以后会讲到，现在要做的就是把这个css样式的代码记住了，这个样式作用就是把当前网页内的所有ol标签内的序号都给取消了，效果如图：
上面已经没有序号了，很显然我们的实验成功了，虽然用了css样式，但这只是最简单的样式实例。用这个方法去掉标签是最简单也是最常用的一种方法。
二、现在我们来看看如何更改ol标签中的序号：
这里我们不需要css样式了，只是最基本的html的标签中的属性而已。
现在我们介绍这个ol标签中的type属性：type属性定义了ol列表中的序号类型。
接下来我们以“A”、“I”、“i”三种来实验一下：
下面是这个的代码：
- 创想鸟
- 百度
- 腾讯
效果如下图所示：
这个属性规定了ol标签的序号改为以“A”开头的列表形式了，所以显示出来就是这样的。
当这个type属性值等于”a”时也一样，从小写的a开始，abc之类的。
当这个type属性值等于“I”时也一样，来看看效果：
当这个type属性值等于“i”时和等于“I”也差不多。
关于html ol标签用法的个人总结：
现在我们基本能想到用ol标签去做各种列表了，想要什么序号就改成什么序号，你的列表你说了算。ol有序列表定义的是它能把任何能无限延长的序号都能用上，如果序号都一样的话就和无序列表没区别了。所以还是好好使用有序列表吧。（想学更多就来：PHP中文网学HTML课程）
【小编推荐】
html中的head标签在哪里找？head标签的作用总结
html5中的meta标签的三要素是什么？meta标签的使用总结
以上就是html中的ol标签如何去掉标号呢？标签的使用方法总结的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1546815.html
微信扫一扫 
支付宝扫一扫 
