怎样去除字体下划线?去除字体下划线有哪些方法?对于很多刚刚入门的新手来说,不太清楚html怎么去除字体下划线?下面我们来总结一下。
一:超链接去除字体下划线
很多前端编辑者,在给文字加上链接的的时候,超链接会出现一个下划线,系统会议自动添加下划线样式,很多人想去掉这个下划线,不知道该怎么处理,其实我们完全可以使用css样式来去掉下划线。
css样式代码:
a{text-decoration:none}
代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>取消去掉下划线</title> <style> a{ text-decoration:none} </style> </head> <body> 欢迎来到<a href="//m.sbmmt.com/">php中文网</a>! </body> </html>
显示效果如下:
以上css样式是去除网页上所有超链接的下划线,如果我们想要去掉某一个下划线,我们就对其中一个链接去设置样式。
二:去掉字体下划线
在html中,使用u标签是给字体加上下划线,如果想要去掉下划线,就要使用css样式,代码如下:
u{text-decoration:none}
以上就是对html怎么去除字体下划线?去除字体下划线方法的全部介绍,如果你想了解更多有关CSS3教程,请关注php中文网。
以上是html怎么去除字体下划线?去除字体下划线方法的详细内容。更多信息请关注PHP中文网其他相关文章!