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

  发布时间:2023-01-09 10:57:14   作者:佚名   我要评论
dw有序列表ol怎么用? Dreamweaver页面中国的内容需要添加列表效果,该怎么添加有序列表呢?下面我们就来看看HTML页面添加有序列表ol的教程
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

在网站中经常见到非常有顺序的排列,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的教程,希望大家喜欢,请继续关注程序员之家。

相关推荐:

Dreamweaver网页怎么制作一个带有列表值的下拉菜单?

Dw CC 2018速记css样式怎么关闭列表样式?

Dreamweaver字段怎么变成项目列表?

Dreamweaver CS6怎么使用项目列表?

相关文章

  • Dreamweaver代码怎么自动排版? dw代码格式化的技巧

    Dreamweaver代码怎么自动排?Dreamweaver中的代码看上去很乱,不好找,想要将代码格式化了,看上去更有条理性,该怎么操作呢?下面我们就来看看dw代码格式化的技巧,需要的
    2020-07-22
  • Dreamweaver文字或图片怎么添加空连接?

    Dreamweaver文字或图片怎么添加空连接?Dreamweaver制作网页的时候,需要给网页中的图片或者文字添加空连接,该怎么实现呢?下面我们就来看看详细的教程,需要的朋友可以参
    2019-10-09
  • Dreamweaver媒体查询命令怎么使用?

    Dreamweaver媒体查询命令怎么使用?Dreamweaver制作页面会用到很多命令,我们今天就来介绍关于媒体查询命令的使用方法,需要的朋友可以参考下
    2019-09-03
  • Dreamweaver怎么修改文档说明类型?

    Dreamweaver怎么修改文档说明类型?Dreamweaver中想要更改文档说明,该怎么更改呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-09-03
  • Dreamweaver怎么插入水平线并设置颜色?

    Dreamweaver怎么插入水平线并设置颜色?Dreamweaver制作网页的时候,想要插入一个水平线,该怎么插入水平线并设置红色呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2019-05-06
  • dreamweaver怎么使用正则表达式?

    dreamweaver怎么使用正则表达式?dreamweaver页面中有需要替换的内容,该怎么替换呢?我们可以使用正则表达式来替换,下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-30
  • Dreamweaver网页怎么插入单选按钮?

    Dreamweaver网页怎么插入单选按钮?Dreamweaver设计网页的时候,需要使用单选按钮,该怎么插入单选按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-26
  • Dreamweaver CC2019怎么制作关注按钮?

    Dreamweaver CC2019怎么制作关注按钮?dw2019中想要制作一个按钮并给按钮添加链接,实现关注的效果,该怎么操作嗯?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-04-25
  • Dreamweaver CS3复选框怎么用? dw复选框属性介绍

    Dreamweaver CS3复选框怎么用?Dreamweaver CS3制作网页的时候,经常使用复选框,复选框的各种属性有什么作用?下面我们就来看看dw复选框属性介绍,需要的朋友可以参考下
    2019-04-24
  • Dreamweaver CS3网页怎么创建多个层?

    Dreamweaver CS3网页怎么创建多个层?Dreamweaver CS3制作页面的时候,经常使用层,可以容纳网页元素的容器,下面我们就来看看一个简单的实例教程,需要的朋友可以参考下
    2019-04-24

最新评论

?


http://www.vxiaotou.com