在HTML中怎样去除无序列表前的小圆点_随笔

1 html中的无序列表是ul标签，这个标签本身自带属性，前面有小圆点,一个实际的效果说明下（如下图）：就看到了楼上所说的圆点了

2 去除圆点给li设置样式：在style中设置： list-style-type:none 就把每个li前面的圆点去掉了

<!DOCTYPE html>

<html>

<head>

<title>菜鸟教程(runoob.com)</title>

<style>

li{list-style-type:none}

</style>

</head>

<body>

<ul>

<li>Coffee</li>

</ul>

</body>

</html>

3 加上 li{list-style-type:none} 样式之后在页面上的显示效果是：

4 总结就是给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：无项目符号。

参考资料：无序列表_百度百科

欢迎分享，转载请注明来源：内存溢出

在HTML中怎样去除无序列表前的小圆点