5.3 CSS有序列表

来源：网络作者：站长

有序列表（<ol>）- 列表项用的是数字或字母标记。

举例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>5.3 CSS有序列表</title>
    </head>
    <style>
        ol.decimal {list-style-type: decimal}
        ol.lroman {list-style-type: lower-roman}
        ol.uroman {list-style-type: upper-roman}
        ol.lalpha {list-style-type: lower-alpha}
        ol.ualpha {list-style-type: upper-alpha}
    </style>
    <body>
        <ol class="decimal">
        <li>咖啡</li>
        <li>茶</li>
        <li>可口可乐</li>
        </ol>
        
        <ol class="lroman">
        <li>咖啡</li>
        <li>茶</li>
        <li>可口可乐</li>
        </ol>
        
        <ol class="uroman">
        <li>咖啡</li>
        <li>茶</li>
        <li>可口可乐</li>
        </ol>
        
        <ol class="lalpha">
        <li>咖啡</li>
        <li>茶</li>
        <li>可口可乐</li>
        </ol>
        
        <ol class="ualpha">
        <li>咖啡</li>
        <li>茶</li>
        <li>可口可乐</li>
        </ol>
    </body>
</html>

运行后如图：

东方星雨

如果缘分安排我们相遇，请不要让他擦肩而过。扫一扫二维码，加我为好友吧！

上一篇：5.2 CSS无序列表下一篇：5.4 图像作为列表项标记

你觉得文章内容怎么样

站长推荐

网站分类

阿里云代金券￥100 云产品通用

有效期30天首购用户

立即领取

阿里云代金券￥100 云产品通用

有效期30天复购+升级

立即领取