如何使用css去掉a标签的下划线？（代码详解）

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

这是没有去掉下划线的，是大家最熟悉的a标签。接下来让我们看看去掉下划线的a标签。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>如何去掉html a标签下划线</title>

    <style>

        a{

            text-decoration:none;

        }

    </style>

</head>

<body>

    <div>

        <a href="">这是去掉下划线的a标签</a>

    </div>

</body>

</html>

9W]C1EY~1GA]M7%UB@R%C27.png

从图上可以看出，加上一行text-decoration:none;代码之后，超链接就没有下划线了。

因为text-decoration规定给文本添加上划线，下划线或者删除线，当属性值为none时，表示文本没有装饰，所以加上这行代码之后，a标签就没有文本装饰了。

是不是特别的简单，如果想给指定超链接去掉下划线，只需要在a标签里使用行内样式就可以了。

推荐学习：CSS3视频教程

以上就是如何使用css去掉a标签的下划线？（代码详解）的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

Html如何清除浮动

Html怎么隐藏样式

Html表单有哪些标记

Html的由来

Html中stroke是什么意思？

Html实现自动清理js、css文件的缓存

Html怎么禁止文本

如何查看Html文件的代码？

Html中相对定位与绝对定位

Html什么是注释

更多相关阅读请进入《Html》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...