您的位置首页生活百科

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

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

的有关信息介绍如下:

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

html中的

  • 标签自动会带个小圆点,要如何去掉这个小圆点呢?其实简单,只需要对
  • 标签设置样式list-style: none; 就可以去掉小圆点了。

    语法: li{list-style: none;}

    新建一个html文件。如图:

    在html文件创建一个

    • 标签,为了便于效果在
    • 标签输入一些内容。如图:

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

      回到html代码页面,在标签后面输入<style>标签,然后设置<li>标签的list-style:non。 如图:</p><p>代码:</p><p><style></p><p> li{</p><p> list-style: none;</p><p> }</p><p> </style></p><p>保存好html代码文件后使用浏览器打开,发现<li>标签前的小圆点不见了。如图:</p><p>页面所有代码,如有不明白可把所有代码复制到新建的html文件保存后运行即可看到效果。如图:</p><p>所有代码:</p><p><!DOCTYPE html></p><p><html></p><p> <head></p><p> <meta charset="UTF-8"></p><p> <title>li去掉前面的圆

      • 111111
      • 222222
      • 333333