html中怎么清除li黑点

2022-02-24 0 600
资源来源于互联网和网友投稿如有侵犯到你的知识产权请发送邮件我们将在72小时内请及时及时删除下架,客服QQ1506151422
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险以及产生法律纠纷与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除。
如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

本站只提供资源,不提供技术支持,介意勿下!源码太多站长无法每款都进行测试请自行甄别,虚拟产品售出无退换,下载链接如有失效请及时

清除li黑点的方法:

1、利用list-style-type属性,只需要给li元素添加“list-style-type:none;”样式即可;

2、利用list-style属性,只需要给li元素添加“list-style:none;”样式即可。

html中怎么清除li黑点

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

HTML中使用ul和li标签创建一个列表:

<!DOCTYPE html>  
<html>    
      <head>   
         <meta charset="utf-8">
      </head>       
        <body>        
            <ul>          
                <li>列表1</li>     
                <li>列表2</li>      
                <li>列表3</li>      
             </ul>      
        </body>   
</html>
发现该列表的每一项默认是有一个小黑点的:
html中怎么清除li黑点

怎么去掉li前的黑点?

利用list-style-type属性,该属性设置列表项标记的类型,当属性值为“none”则指定无标记(也就是去掉标记)。

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
  <style>
     ul li{ 
      list-style-type:none
     }
  </style>
</head>
<body>
  <ul>
     <li>列表1</li>
     <li>列表2</li>
     <li>列表3</li>
  </ul>
</body>
</html>

html中怎么清除li黑点

也可以使用list-style 简写属性,该属性可以在一个声明中设置所有的列表属性。

 ul li{
         list-style:none;
      }
html中怎么清除li黑点
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

网站部分资源上传至小程序供免费下载

百度小程序 小程序
 
常见问题

相关文章