ol 标签的不同种类，原来还能用于考试场景！

小胖狐

文章	评论	标签
279	303	466

最新回复

鍗庣撼鍏徃鍚堜綔寮€鎴锋墍闇€鏉愭枡锛熺數璇濆彿鐮?5587291507 寰俊STS5099 2025 年 11 月 17 日

鍗庣撼鍏徃鍚堜綔寮€鎴锋墍闇€鏉愭枡锛熺數璇濆彿鐮?5587291507 寰俊STS5099 2025 年 11 月 17 日

鍗庣撼鍏徃鍚堜綔寮€鎴锋墍闇€鏉愭枡锛熺數璇濆彿鐮?5587291507 寰俊STS5099 2025 年 11 月 09 日

果博东方客服开户联系方式【182-8836-2750—】?薇- cxs20250806】
果博东方公司客服电话联系方式【182-8836-2750—】?薇- cxs20250806】
果博东方开户流程【182-8836-2750—】?薇- cxs20250806】
果博东方客服怎么联系【182-8836-2750—】?薇- cxs20250806】

鍗庣撼鍏徃鍚堜綔寮€鎴锋墍闇€鏉愭枡锛熺數璇濆彿鐮?5587291507 寰俊STS5099 2025 年 11 月 08 日

首页

/ ✒舞文弄墨 / 正文

ol 标签是有序列表，通常我觉得不就是前面来个 1 2 3 嘛，但不是这样的，ol 有序列表还能指定前面序列的类型，我们来一起看看：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ol 标签的种类</title>
    </head>
    <body>
        <!-- 默认就是这个，你也可以省略不写 type 属性 -->
        <ol type="1">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    
        <!-- 小写字母序列 -->
        <ol type="a">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    
        <!-- 大写字母序列，可以用于考试或者问卷调查场景，你其实根本不用在你的选项处敲 A B C 的 -->
        <ol type="A">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    
        <!-- 小写罗马数字序列 -->
        <ol type="i">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    
        <!-- 大写罗马数字序列 -->
        <ol type="I">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    </body>
</html>

最终呈现的效果：

ol 种类考试

版权属于：小胖狐

本文链接：http://zsduo.com/archives/335.html

作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可

评论区