HTML5 笔记2 — ol加强属性start、reversed

    xiaoxiao2021-03-25  95

    1.ol加强属性–start属性来定义标号开始值

    通过给ol标签添加属性start来设置有序列表的开始值,如下:表示列表从3开始排列。

    <ol start="3"> <li><a href="#">有序列表A</a></li> <li><a href="#">有序列表B</a></li> <li><a href="#">有序列表C</a></li> <li><a href="#">有序列表D</a></li> </ol>

    也可以从A、B、C、D进行排序需要给ol添加type,如下:

    type=”A”表示字母排序,start=”3” 表示从第三个字母开始排序。

    <ol start="3" type="A"> <li><a href="#">有序列表A</a></li> <li><a href="#">有序列表B</a></li> <li><a href="#">有序列表C</a></li> <li><a href="#">有序列表D</a></li> </ol>

    同理,也可以从 “I” 排序:

    <ol start="1" type="I"> <li><a href="#">有序列表A</a></li> <li><a href="#">有序列表B</a></li> <li><a href="#">有序列表C</a></li> <li><a href="#">有序列表D</a></li> </ol>

    2. ol加强属性–reversed来进行反向编号

    reversed是用来反向编号,倒着数。同时可以和start一起使用。

    <ol reversed="reversed" > <li><a href="#">有序列表A</a></li> <li><a href="#">有序列表B</a></li> <li><a href="#">有序列表C</a></li> <li><a href="#">有序列表D</a></li> <li><a href="#">有序列表E</a></li> </ol>
    转载请注明原文地址: https://ju.6miu.com/read-23311.html

    最新回复(0)