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文件就可以

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com