正文

如何利用css去掉ul和li前面的小圆点

︶ㄣ米米素材网 メ
米米素材网V管理员 / 阅读
0531

在HTML中使用无序列表ul li的时候通常前面会出现一个圆点，那么如何把这个圆点去掉呢？？？

在 li 里使用： list-style: none;

案列演示

没有使用list-style: none;
在这里插入图片描述
使用list-style: none;
在这里插入图片描述

示例代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style>
		li{
			list-style: none;
		}
	</style>
	<body>
		<ul>
			<li>苹果</li>
			<li>香蕉</li>
			<li>橘子</li>
			<li>猕猴桃</li>
			<li>哈密瓜</li>
		</ul>
	</body>
</html>