html中怎么清除li黑点

2022-02-24 0 434
资源来源于互联网和网友投稿如有侵权请及时联系客服下架
本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。
不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险以及产生法律纠纷与本站无关,您必须在下载后的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)
常见问题

相关文章

发表评论
暂无评论