css让超链接不加下划线?
css中去除下划线,可以设置a标签的text-decoration属性为none。
使用一个案例来说明:
1、代码部分
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>document</title> </head> <body> <a href="#">我要去除超链接下划线</a> </body> </html>
(推荐学习:CSS视频教程)
2、以上代码在浏览器显示的效果是有下划线的,之后的操作咱们就是要去除下划线
添加style标签,写上如下代码:
<style> a{ text-decoration: none; } </style>
再次打开浏览器,a标签的下划线就去除了。
text-decoration是文字修饰效果的意思:
● none参数表示超链接文字不显示下划线;
● underline参数表示超链接的文字有下划线
© 著作权归作者所有
举报
发表评论
0/200