期权记-ETF期权开户导航 期权记是专业的50ETF300ETF期权开户投资交易导航

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,我们将及时处理。

微信扫码关注

更新实时通知

作者:期权小韭菜 分类:网页教程 浏览:
请先 登录 再评论,若不是会员请先 注册