html5怎么去除超链接的下划线-木庄网络博客

2022-04-09 13:44:16 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者青灯夜游，侵删。

html5页面中，可使用text-decoration属性去除超链接下划线，只需给a标签添加“text-decoration:none”样式即可。text-decoration定义文本修饰（下划线、删除线等），当值为none时则没有修饰。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

前端网页的开发中总是不可避免会使用到超链接，但是使用超链接时下面都会有一条下划线，这在网页中有时会显得很突兀，不合适也不美观，所以我们就需要将超链接下的这条下划线给去掉。

在html页面中去掉超链接的下划线需要的是css中的text-decoration这个属性。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
             a{text-decoration:none;} 
        </style>
    </head>
    <body>
        <a href="#">我是a标签</a>
    </body>
 
</html>