您当前的位置:首页 > 教程列表 > CSS

无序列表

无序列表(<ul>)- 列表项用的是项目符号标记。

举例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>5.2 CSS无序列表</title>
    </head>
    <style>
        ul.disc {
            list-style-type: disc
        }

        ul.circle {
            list-style-type: circle
        }

        ul.square {
            list-style-type: square
        }

        ul.none {
            list-style-type: none
        }
    </style>
    <body>
        <ul class="disc">
            <li>咖啡</li>
            <li>茶</li>
            <li>可口可乐</li>
        </ul>

        <ul class="circle">
            <li>咖啡</li>
            <li>茶</li>
            <li>可口可乐</li>
        </ul>

        <ul class="square">
            <li>咖啡</li>
            <li>茶</li>
            <li>可口可乐</li>
        </ul>

        <ul class="none">
            <li>咖啡</li>
            <li>茶</li>
            <li>可口可乐</li>
        </ul>
    </body>
</html>

运行后如图

你觉得文章内容怎么样

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

有效期30天 首购用户

立即领取
阿里云代金券 100 云产品通用

有效期30天 复购+升级

立即领取