css怎么去掉li前的默认点?

有时候写导航li前面带个黑色的点,很烦人,如何去掉li前面的默认点?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

css怎么去掉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>

效果图:

1.jpg-600

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是css怎么去掉li前的默认点?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑