这篇文章主要为大家展示了“CSS如何将无序列表前的点去掉”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css如何将无序列表前的点去掉”这篇文章吧。
这篇文章主要为大家展示了“CSS如何将无序列表前的点去掉”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“css如何将无序列表前的点去掉”这篇文章吧。
在css中,可以利用“list-style”属性来去掉无序列表前的点,该属性用于设置列表的样式,当属性的值为“none”时,就会去掉列表前的点,语法为“ul{list-style:none;}”。
本教程操作环境:windows10系统、css3&&HTML5版、Dell G3电脑。
在css中,可以利用list-style属性来去掉无序列表前的点,该属性用于设置列表的属性样式,当属性的值为none时你就会去掉无序列表前的点。
示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta Http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
ul li{
list-style:none;
}
</style>
</head>
<body>
<p>无序列表:</p>
<ul>
<li>雪碧</li>
<li>可乐</li>
<li>凉茶</li>
</ul>
</body>
</html>
输出结果:
以上是“css如何将无序列表前的点去掉”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网node.js频道!
--结束END--
本文标题: css如何将无序列表前的点去掉
本文链接: https://lsjlt.com/news/87579.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0