html如何去掉超链接下划线?html超链接去掉下划线的方法介绍


本文摘自PHP中文网,作者不言,侵删。

前端网页的开发中总是不可避免会使用到超链接,但是使用超链接时下面都会有一条下划线,这在网页中有时会显得很突兀,不合适也不美观,所以我们就需要将超链接下的这条下划线给去掉,接下来的这篇文章就来给大家介绍html下超链接去掉下划线的方法。有需要的朋友可以参考一下,话不多说,我们直接来看正文。

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

对于text-decoration属性,我们需要定义的参数是 text-decoration:none;就可以去掉超链接的下划线。(关于text-decoration属性中其他参数大家可以参考css学习手册).

下面我们就直接来看html中a超链接去掉下划线的代码。

1

2

3

4

5

6

7

8

9

10

11

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<style type="text/css">

  a{text-decoration:none}

</style>

</head>

<body>欢迎来到<a href="http://www.php.cn/">php中文网</a>!

</body>

</html>

html中a超链接去掉下划线的效果如下:

2345截图20181009105823.png

阅读剩余部分

相关阅读 >>

Html如何设置语言为中文

Html的i标签有什么作用

Html中引入外部页面的方法

Html的<div> 标签

Html blockquote怎么用?blockquote标签的用法介绍

Html b标签怎么用

svg画图功能:svg实现画出一朵花(附代码)

Html怎么设置select的值

Html中通过点击button标签实现页面跳转的三种方法

Html strong标签怎么用

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




打赏

取消

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

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

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

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

评论

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