去除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/post/7560.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知