在CSS中,ul元素中的列表项默认包含下划线,如果想要去掉下划线,则可以通过以下代码实现:ul { list-style:none; padding:0; margin:0; } li { text-
在CSS中,ul元素中的列表项
ul { list-style:none; padding:0; margin:0; } li { text-decoration:none; }
上面的代码中,我们通过设置
除了上面的代码,还可以对列表项的伪类进行设置,实现去掉下划线的效果。代码如下:
li:hover, li:active, li:focus { text-decoration:none; }
上面的代码中,我们对li元素的:hover、:active、:focus伪类进行设置,使得鼠标悬停、点击、获得焦点时,列表项都不会出现下划线,达到了去掉列表项下划线的效果。
粉丝
0
关注
0
收藏
0