[分享]css中怎么去掉里li下划线

ul {
  list-style:none;
  padding:0;
  margin:0;
}

li {
  text-decoration:none;
} 

上面的代码中，我们通过设置

元素的list-style为none，即去掉列表项的默认标记；通过设置li元素的text-decoration为none，即去掉下划线，从而实现了去掉列表项下划线的效果。

除了上面的代码，还可以对列表项的伪类进行设置，实现去掉下划线的效果。代码如下：

li:hover,
li:active,
li:focus {
  text-decoration:none;
} 

上面的代码中，我们对li元素的:hover、:active、:focus伪类进行设置，使得鼠标悬停、点击、获得焦点时，列表项都不会出现下划线，达到了去掉列表项下划线的效果。