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

 时间:2024-09-21 22:12:20

html中的<li>标签自动会带个小圆点,要如何去掉这个小圆点呢?其实简单,只需要对<li>标签设置样式list-style:none;就可以去掉小圆点了。语法:li{list-style:none;}

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

方法/步骤

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文件保存后运行即可看到效果。如图:所有代码:<!DOCTYP呶蓟鹭毵Ehtml><html> <head> <metacharset="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>

怎样让html中的文字垂直水平居中显示 怎么让两个div在同一行 HTML怎样使图片居中 html鼠标悬停变色 怎样去除ul前面的小点?
热门搜索
书签制作图片 查看图片的软件 常见的花卉图片及名称 圆点图片 辛亥革命电影