方法：给li加上 list-style-type:none；这个样式就可以了。
具体步骤：
1、html中的无序列表是ul标签，这个标签本身自带属性，前面有小圆点,一个实际的效果说明下：就看到了楼上所说的圆点了。
2、去除圆点 给li设置样式 ： 在style中设置： list-style-type:none 就把每个li前面的圆点去掉了。
<!DOCTYPE html>，<html>，<head>，<meta charset="utf-8">，<title>菜鸟教程(runoob.com)</title>，<style>， li{list-style-type:none}，</style>，</head>，<body>
<h4>无序列表：</h4>，<ul>，<li>Tea</li>， <li>Milk</li>，</ul>，</body>，</html>
3、加上 li{list-style-type:none} 样式之后在页面上的显示效果。
在相关的页面找到head部分写入<style type="text/css">list-style:none</style>，给li加上 list-style-type:none这个样式就可以了消除黑点。具体步骤如下：
1.这个标签本身自带属性，前面有小圆点是它的实际的效果，如下图。
2.加上 li{list-style-type:none} 样式之后在页面上的显示效果。
扩展资料：
使用无序列表标签ul的type属性（使用CSS的list-style来代替），用户可以指定出现在列表项前的项目符号的样式，其取值以及相应的符号样式如下：
disc：指定项目符号为一个实心圆点（默认值是disc，是否使用该值在浏览器中效果都一样）；
circle：指定项目符号为一个空心圆点；
square：指定项目符号为一个实心方块；
none：无项目符号。
参考资料：无序列表_百度百科
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）