去掉小圆点;li标签去掉圆点

2025-09-25 16:51:27

1、新建一个html文件。如图:

去掉小圆点;li标签去掉圆点

2、在html文件创建一个<ul>和<li>标签,为了便于效果在<li>标签输入一些内容。如图:

去掉小圆点;li标签去掉圆点

3、保存好html文件使用浏览器打开,会发现每行内容前面都自动带了小圆点。如图:

去掉小圆点;li标签去掉圆点

4、回到html代码页面,在<title>标签后面输入<style>标签,然后设置<li>标签的list-style:non。 如图:

代码:

<style>

li{

list-style: none;

}

</style>

去掉小圆点;li标签去掉圆点

5、保存好html代码文件后使用浏览器打开,发现<li>标签前的小圆点不见了。如图:

去掉小圆点;li标签去掉圆点

6、页面所有代码,如有不明白可把所有代码复制到新建的html文件保存后运行即可看到效果。如图:

所有代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>li去掉前面的圆</title>

<style>

li{

list-style: none;

}

</style>

</head>

<body>

<ul>

<li>111111</li>

<li>222222</li>

<li>333333</li>

</ul>

</body>

</html>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢