方法：给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：无项目符号。
参考资料：无序列表_百度百科
楼上的有一半答对了\r\nul是无序排列\r\nol才是有序排列\r\nli是他们的子列\r\nul ol li 是很好用的几个东西\r\n现在大部分都用到它\r\n不过他们前面的那些个点和序号就不那么雅观了\r\n所以我们要定义一个CSS把它去掉\r\nlist-style-type:none（去掉序号和前面的点） margin:0px（页边空白为0）text-align:left（文本左对齐）\r\n这样我们用li定义出来的东西就能去掉前面的点或者序号还能左对齐，当然你可以居中，右对齐等等欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）