有时候写导航 li 前面带个黑色的点, 很烦人, 如何去掉 li 前面的默认点? 下面本篇文章给大家介绍一下. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
给 li 加上 list-style:none 这个 CSS 样式就可以去掉了!
list-style 这个属性就是控制 < li></li > 的列表项目标记, 默认是实心点, 相当于加上了 list-style:disc
list-style-type 属性用于设置列表项标记的类型. 设置 list-style-type:none 就可将列表项 li 默认样式移除.
示例:
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="UTF-8">
- <style type="text/css">
- ul.circle { list-style-type: circle } ul.square { list-style-type: square
- } ul.none { list-style-type: none }
- </style>
- </head>
- <body>
- <ul>
- <li>
- 默认样式
- </li>
- <li>
- 默认样式
- </li>
- <li>
- 默认样式
- </li>
- </ul>
- <ul class="none">
- <li>
- 去除默认样式
- </li>
- <li>
- 去除默认样式
- </li>
- <li>
- 去除默认样式
- </li>
- </ul>
- </body>
- </HTML>
效果图:
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16666.html