如何去掉ul和li前面的小黑点

最新推荐文章于 2023-10-11 16:13:04 发布

Yetnum

最新推荐文章于 2023-10-11 16:13:04 发布

阅读量2.9w

点赞数 17

分类专栏： CSS HTML 文章标签： CSS HTML ul li

本文链接：https://blog.csdn.net/YetnumSun/article/details/54890722

版权

4 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

做网页的时候经常会遇到列表前的小圆点，难看不说，还容易影响布局，下面就介绍几种消除小圆点的方法：

1. 找到相关CSS文件，在.ul 和.li 部分添加：

list-style: none;

或：

list-style-type: none;

2. 在页面<head>部分添加：

<style type="text/css">
list-style: none;
</style>

3. 在HTML标签中添加：

<ul style="list-style-type: none>
  <li><a herf="#">CSDN</a>
  </li>
< /ul>

以上三种方式分别为外联式，嵌入式，以及内联式，优先级由低到高，按需选择。

除了实心圆点，list-style-type还有其他样式：

none不使用项目符号  
disc实心圆，默认值  
circle空心圆  
square实心方块  
decimal阿拉伯数字  
lower-roman小写罗马数字  
upper-roman大写罗马数字  
lower-alpha小写英文字母  
upper-alpha大写英文字母

选择所需效果，替换上文的none即可。

优惠劵

关注关注