html去掉a标签下划线

html-css07

html去掉a标签下划线,第1张

a{text-decoration: none}//这个是设置a标签的默认状态去除下划线

a:visited{text-decoration: none}//这个是设置a标签的访问过后的状态去除下划线

a:hover {text-decoration: none}//这个是设置a标签的鼠标覆盖状态去除下划线

a:active{text-decoration:none}//这个是设置a标签的活跃状态去除下划线

有好多这样的答案了，说的比较全面，你参考下吧～

我也贴一个给你：

用代码来实现,找到<head>和</head>这两句了吗？样式表语句就加在它们中间。仅仅加入<style>a{TEXT-DECORATION:none}</style>这一句就去掉超链接下划线了,如何让超链接去掉下划线，鼠标停留在上面时有下划线？

style>a{TEXT-DECORATION:none}a:hover{TEXT-DECORATION:underline}</style>就可以了

HTML文字下划线怎么设置？很简单，用一个css样式就可以了。下面来看一下。

01

先在html里创建一段文字。

02

这时我们运行页面，可以看到这段文字并没有下划线的。

03

要添加下划线，我们添加一段css代码就行了，代码如下 text-decoration: underline。

04

再次运行页面，可以看到现在的文字就已经有了下划线了。