html、css消除文字链接下划线

发布网友发布时间：2022-04-23 10:58

共6个回答

热心网友时间：2022-04-06 13:59

　　1、超链接未去掉下划线的HTML代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DIVCSS5未取消去掉下划线</title>
</head>
<body>
欢迎来到<a href="http://www.divcss5.com/">DIVCSS5</a>!
</body>

　　2、未使用CSS去掉下划线效果截图：

　　使用css去掉字体下划线

　　1、去掉取消超链接下划线的css+HTML源代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>DIVCSS5未取消去掉下划线</title>
<style>
a{ text-decoration:none}
</style>
</head>
<body>
欢迎来到<a href="http://www.divcss5.com/">DIVCSS5</a>!
</body>
</html>

　　2、使用了a{ text-decoration:none}去掉字体下划线样式

热心网友时间：2022-04-06 15:17

CSS写错了。定义a不用写冒号。应该是：
a{text-decoration:none;}
a:hover{text-decoration:none;}

热心网友时间：2022-04-06 16:52

应该写成 a {text-decoration:none;},a标签后面不需要冒号！

热心网友时间：2022-04-06 18:43

你看是不是你没有在英文下输入，你切换到英文状态下输入再重新写一下！消除下划线就是这个代码的！
还有就是优先级，你这是写总的，如果你下面某个a标签还自己写了下划线样式，这就控制不了那个a标签了哦！

热心网友时间：2022-04-06 20:51

分号用英文半角的

热心网友时间：2022-04-06 23:16

右键>页面属性>连接>下划线样式>始终无下划线追问能不能想办法把代码放到.css文件里

追答可以把代码写入CSS 再用代码设置好连接CSS文件就可以