css 去除li标签下划线

在制作导航菜单或者列表时，很多人希望去除li标签的下划线。默认情况下，li标签下面的文本会显示出下划线，这常常被人所不喜欢。

解决此问题的方法是通过CSS样式表给li标签添加text-decoration:none属性，这个属性可以去除下划线。

ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
}
li{
        display: inline-block;
        margin-right: 10px;
        text-decoration: none;
}
    

在这段代码中，我们使用了list-style-type: none属性去掉了每个li元素前面的标记，margin和padding都被设置为了0，以免 li 元素产生多余的空隙。

同时，我们将li元素的display属性设置为inline-block，让每个li元素在同一行中显示。然后通过text-decoration:none属性去掉了li元素下面的下划线。

以上就是去除li标签下划线的方法，可以让你在设计导航菜单或列表时更加自由地搭配样式。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！