HTML去除无序列表的默认样式

最新推荐文章于 2025-02-17 20:34:54 发布

jiangqiaode

最新推荐文章于 2025-02-17 20:34:54 发布

阅读量8k

点赞数 2

本文链接：https://blog.csdn.net/jiangqiaode/article/details/123755660

版权

HTML 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在HTML中去除无序列表的默认样式，通过设置`list-style:none;`可以消除列表的点状标记。文章还提及了`<ul>`和`<li>`标签的`type`属性，以及其不同值对列表样式的影响。应用`list-style:none;`后，无序列表将不再显示项目符号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

去除无序列表的默认样式需要用到：list-style:none;

开发工具	Visual Studio Code
开发者	诶嘿
撰写时间	2022年3月26日

在制作无序列表的时候都会有一个默认值（disc）也就是有一个点，下面我们就先来看一下无序列表的默认样式：

这是代码：

<div>
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
        </ul>
</div>

这是运行的结果：

值得一提的是，<ul>和<li>都拥有type属性，不同的type属性值会出现不一样的效果。

type属性值	效果
disc（默认值）	实心圆
circle	空心圆
square	实心正方形
decimal	阿拉伯数字
lower-roman	小写罗马数字

等等之类的。

而其中list-style:none；则是表示不使用项目符号的意思，但只能用于有序列表和无序列表。

ul li {
            list-style: none;
        }

效果为

这样子就OK啦