css下划线怎么去除

CSS下划线常常是文章中常见的修饰方式，但有时我们需要去除这样的下划线。怎么做呢？

/*情况一：去除链接下划线*/

a{
    text-decoration:none;
}

/*这个是很常见的操作，将a标签的text-decoration属性设置为none，去除链接下划线。*/

/*情况二：去除文字下划线*/

p{
    border:none;
    outline:none;
    text-decoration:none;
}

/*这里的border和outline的作用是为了去除p标签常见的边框和外边框。text-decoration属性同样设置为none，去除文字下划线。*/

/*情况三：为某段文字添加下划线*/

.u{
    text-decoration:underline;
}

/*这个是相对于去除下划线的情况。通过添加.u类选择器，将text-decoration属性设置为underline，为某段文字添加下划线。*/ 

希望以上内容可以帮助到你去除CSS下划线。