欢迎来到科站长!

Dreamweaver教程

当前位置: 主页 > 网页制作 > Dreamweaver教程

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

时间:2024-05-08 10:36:31|栏目:Dreamweaver教程|点击:

dw有序列表ol怎么用? Dreamweaver页面中国的内容需要添加列表效果,该怎么添加有序列表呢?下面我们就来看看HTML页面添加有序列表ol的教程

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

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

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

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

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

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

还可以添加小写的i,

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

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

以上就是HTML页面添加有序列表ol的教程


上一篇:DW2017图片文字怎么并排排列? HTML图片/文字并排排列代码写法

栏    目:Dreamweaver教程

下一篇:banner图片上添加左右按钮代码怎么弄? HTML制作banner按钮的技巧

本文标题:dw有序列表ol怎么用? HTML页面添加有序列表ol的教程

本文地址:https://www.fushidao.cc/wangyezhizuo/327.html

广告投放 | 联系我们 | 版权申明

申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:257218569 | 邮箱:257218569@qq.com

Copyright © 2018-2025 科站长 版权所有冀ICP备14023439号