CSS 去除列表项li前面的小圆点
有两种方法:
- 将 ul 换成 ol
- 给li 添加样式:
list-style-type:none;
—测试示例—
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>test</title>
</head>
<body>
<h4>无序列表1:</h4>
<ul>
<li style=”list-style-type:none;”>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h4>无序列表2:</h4>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
</body>
</html>
— 运行结果—
无序列表1:
Coffee
- Tea
-
Milk
无序列表2:
- Coffee
- Tea
- Milk