Rumah > Artikel > hujung hadapan web > css怎样将无序列表前的点去掉
css怎样将无序列表前的点去掉
- WBOYasal
- 2021-12-13 10:38:1215902semak imbas
在css中，可以利用“list-style”属性来去掉无序列表前的点，该属性用于设置列表的样式，当属性的值为“none”时，就会去掉列表前的点，语法为“ul{list-style:none;}”。
本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。
css怎样将无序列表前的点去掉
在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视频教程进行学习。
Atas ialah kandungan terperinci css怎样将无序列表前的点去掉. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎样改变ul中li的间距Artikel seterusnya：css怎样不让复制页面内容