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,我们将及时处理。
微信扫码关注
更新实时通知