css取消ul里的li小圆点代码

去除ul里的li列表小圆点，一般主要有两个方式来解决，一个在html里写，一个在css里写

 方法1：

我习惯有list-style: none;也有很多人用list-style-type: none;

li{

list-style: none;

}

<ul>

     <li>歌手第9期排名</li>

     <li>7连胜！火箭完美复仇76人回第三，哈登31+10+7创纪录平乔丹</li>

     <li>婚礼吃蛋糕被逗 新郎竟暴怒掌掴新娘</li>

     <li>意甲-00后妖星梅开二度+造点 马退敌破门 尤文4-1</li>

</ul>

 方法二：

在html样式里直接写，这样子很麻烦，不是主流写法

<ul>

     <li style="list-style-type:none;">欧联杯-佩德罗威廉进球 小将添花 切尔西3-0完胜</li>

     <li style="list-style-type:none;">欧联杯-劳塔罗造点B罗射失 佩剑伤退 国米客场平</li>

     <li style="list-style-type:none;">“考研热”升温 多所高校分数线上涨</li>

     <li style="list-style-type:none;">南亚次大陆之狮：九十年代以来巴基斯坦坦克的发展</li>

</ul>

总结：

刚刚上面说到的list-style和list-style-type，这两个CSS属性产生的效果是一样的！这两个属性的区别

list-style是对列表标签的缩写，而list-style-type只是list-style其中的一个属性，而list-style一共可以包含三个值，即:

list-style:type

list-style-position

list-style-image  

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知