您现在的位置是:群英 > 开发技术 > web开发
HTML中去除li的黑点有什么方法?
Admin发表于 2022-01-27 21:01:272606 次浏览

    这篇文章我们来了解HTML中去除li的黑点的方法,我们使用ul和li标签创建列表时,都会默认带有一个黑点,那么我们想要去掉这个黑点该怎么样做呢?下文有详细的介绍,有需要的朋友可以参考,接下来就跟随小编来一起学习一下吧!

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    HTML中使用ul和li标签创建一个列表:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
	</body>

</html>

    发现该列表的每一项默认是有一个小黑点的:

    怎么去掉li前的黑点?

    利用list-style-type属性,该属性设置列表项标记的类型,当属性值为“none”则指定无标记(也就是去掉标记)。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			ul li{
				list-style-type:none;
			}
		</style>
	</head>

	<body>
		<ul>
			<li>列表1</li>
			<li>列表2</li>
			<li>列表3</li>
		</ul>
	</body>

</html>

    也可以使用list-style 简写属性,该属性可以在一个声明中设置所有的列表属性。

ul li{
	list-style:none;
}

    以上就是关于HTML中去除li的黑点的方法介绍,上述示例具有一定的参考价值,有需要的朋友可以了解看看,希望对大家学习HTML有帮助,想要了解更多可以继续浏览群英网络其他相关的文章。

文本转载自PHP中文网

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。

相关信息推荐
2022-09-20 17:56:33 
摘要:这篇文章主要为大家介绍了PCRE回溯次数绕过安全限制的正则解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步早日升职加薪
2022-01-22 17:57:12 
摘要:Eclipse中怎么新建项目?Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。一些刚接触Java的朋友可能对于Eclipse比较陌生,不清楚如何新建项目,对此这篇就给大家分享一下方法和操作,需要的朋友可以参考。
2022-01-28 17:35:31 
摘要:Python中怎样实现无限循环?想要实现无限循环,那么只要让判断条件一直满足就可以了,那么具体的代码要怎样写呢?这里给大家分享的while循环语句中实现无限循环,代码如下。
云活动
推荐内容
热门关键词
热门信息
群英网络助力开启安全的云计算之旅
立即注册,领取新人大礼包
  • 联系我们
  • 24小时售后:4006784567
  • 24小时TEL :0668-2555666
  • 售前咨询TEL:400-678-4567

  • 官方微信

    官方微信
Copyright  ©  QY  Network  Company  Ltd. All  Rights  Reserved. 2003-2019  群英网络  版权所有   茂名市群英网络有限公司
增值电信经营许可证 : B1.B2-20140078   粤ICP备09006778号
免费拨打  400-678-4567
免费拨打  400-678-4567 免费拨打 400-678-4567 或 0668-2555555
微信公众号
返回顶部
返回顶部 返回顶部