在HTML中使用无序列表ul li的时候通常前面会出现一个圆点,那么如何把这个圆点去掉呢???
在 li 里使用: list-style: none;
案列演示
没有使用list-style: none;
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191124092109532.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTc0Mzc5OQ==,size_16,color_FFFFFF,t_70)
使用list-style: none;
![在这里插入图片描述](https://img-blog.csdnimg.cn/20191124092216962.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTc0Mzc5OQ==,size_16,color_FFFFFF,t_70)
示例代码
<!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>