5.2 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>

运行后如图：

东方星雨

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

上一篇：5.1 CSS列表简介下一篇：5.3 CSS有序列表

你觉得文章内容怎么样

站长推荐

网站分类

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

有效期30天首购用户

立即领取

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

有效期30天复购+升级

立即领取