html 标签中无序列表 ul 前符号的不同种类详解

小胖狐

文章	评论	标签
279	294	466

最新回复

我爱你 2025 年 10 月 14 日

██ 㸔 ِ黃 ِ魸【 T55V.CC 】偸⚡啪【 T55V.CC 】綄整版 ██

vycpgdzdbt 2025 年 10 月 07 日

2025年10月新盘做第一批吃螃蟹的人coinsrore.com
新车新盘嘎嘎稳嘎嘎靠谱coinsrore.com
新车首发，新的一年，只带想赚米的人coinsrore.com
新盘上车集合留下我要发发立马进裙coinsrore.com
做了几十年的项目我总结了最好的一个盘（纯干货）coinsrore.com
新车上路，只带前10个人coinsrore.com
新盘首开新盘首开征召客户！！！coinsrore.com
新项目准备上线，寻找志同道合的合作伙伴coinsrore.com
新车即将上线真正的项目，期待你的参与coinsrore.com
新盘新项目，不再等待，现在就是最佳上车机会！coinsrore.com
新盘新盘这个月刚上新盘新车第一个吃螃蟹！coinsrore.com

pjnfdurzmx 2025 年 10 月 07 日

lxgctctyod 2025 年 10 月 07 日

xausmxpixv 2025 年 10 月 07 日

首页

/ ✒舞文弄墨 / 正文

html 标签中，有一种十分常用的存在，那就是无序列表，我们的很多网页内容，可能都是一个个无序列表的内容，还有导航条等，也有很多是使用无序列表 ul 标签制作而成的。而它有好几种类型，我们这次就来学习一下。

默认的小黑圆点类型为 disc，其他类型可以根据你的需要来修改即可。

看一下我们的示例代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>无序列表前的符号的不同种类</title>
    </head>
    <body>
        <!-- 无序列前面的符号 -->
        <ul type="none">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>

        <!-- 默认类型为 disc，也可以省略 -->
        <ul type="disc">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>

        <!-- 实心正方形 -->
        <ul type="square">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>

        <!-- 空心的圆形 -->
        <ul type="circle">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </body>
</html>

你可以本地运行一下看看效果。

效果图：

html 类型 ul 无序列表详解

版权属于：小胖狐

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

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

评论区