CSS列表中与list-style=none等价的样式

最新推荐文章于 2022-12-22 10:54:46 发布

战南城

最新推荐文章于 2022-12-22 10:54:46 发布

阅读量1.1k

点赞数

分类专栏：个人笔记，不喜勿喷！！

本文链接：https://blog.csdn.net/qq_29948297/article/details/108354698

版权

个人笔记，不喜勿喷！！专栏收录该内容

329 篇文章 2 订阅

订阅专栏

CSS中与列表的ist-style=none等价的样式 ==》修改li元素的display属性

修改li元素的display属性，即可去掉列表样式

代码伺候：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>hello</title>
		<script src="js/jquery.js"></script>
		<style type="text/css">
			
			#test{
				position: absolute;
				right: 0;
				top: 50%;
				margin: 0;
				padding: 0;
			}
		    #test li{
				display: block;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				border: 1px solid;
			}
		</style>
		<body>
		    
			<ul id="test">
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</body>
</html>

上列中并未设置list-style: none; 可是li元素前的黑点却消失了，即列表样式被消除了。

上列中若不设置display属性，即去掉红色标注的那行代码：

运行结果如下：

　　li元素默认的display属性值为：display: list-item; 该属性值会在li元素前显示一个黑点。

战南城

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS列表中与list-style=none等价的样式

CSS中与列表的ist-style=none等价的样式 ==》修改li元素的display属性修改li元素的display属性，即可去掉列表样式代码伺候：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>hello</titl...
复制链接

扫一扫