在HTML中怎样去除无序列表前的小圆点？
方法：给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;} 样式之后在页面上的显示效果。
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>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body>
</html>
3
加上 li{list-style-type:none;}
样式之后在页面上的显示效果是
：
4
总结
就是给li加上
list-style-type:none;
这个样式就可以了
，
非常简单
输入：list-style:none即可
1、HTML：超文本标记语言， 标准通用标记语言下的一个应用。 “ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。 超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。
2、HTML由来： 万维网上的一个 超媒体文档称之为一个 页面（ 外语：page）。作为一个组织或者个人在 万维网上放置开始点的 页面称为 主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的 指针（ 超级链接），所谓 超级链接，就是一种 统一资源定位器（Uniform Resource Locator， 外语 缩写： URL）指针，通过激活（点击）它，可使 浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。
|
广告 您可能关注的内容 |
