2025年5月31日 星期六 农历 下月5日芒种 免费收录 快速收录 最新收录 TAGS 工具大全
首页/ > 分享资讯/ > 开发工具

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

时间:2023-11-06 20:27:28人气:17次 栏目:开发工具
【导读】:四眼客目录在线提供,dw有序列表ol怎么用? HTML页面添加有序列表ol的教程开发工具爱好者免费阅读。本文地址:http://www.ooooke.com/soft/164.html

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

Adobe Dreamweaver CC 2018 官方中文离线安装版

  • 类型:网页设计
  • 大小:304KB
  • 语言:简体中文
  • 时间:2018-03-21
查看详情

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

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

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

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

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

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

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

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

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

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

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

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

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

还可以添加小写的i,

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

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

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

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

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

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

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

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

标签:

版权声明:

1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

2、本站仅提供信息发布平台,不承担相关法律责任。

3、若侵犯您的版权或隐私,请联系本站管理员删除。

4、文章来源:本文由会员转载自互联网,如果您是文章原创作者,请联系本站注明您的版权信息。

网站公告 关于我们 版权申明 网站地图
Copyright © 2025 ooooke.com 浙ICP备15022117-2号