html超链接怎么去掉下划线

html超链接怎么去掉下划线,第1张

html中如何去掉超链接的下划线:

1、超链接下划线可以使用“text-decoration:none;”去除,颜色可以用“color”属性表示。

2、新建html文档,在body标签中添加两个超链接并为超链接添加文字,这时默认情况下超链接带下划线且颜色为蓝色。

3、设置white类,添加“text-decoration:none;”和“color:#fff;”,这时超链接变成无下划线和白色。

4、设置black类,添加“text-decoration:none;”和“color:#000;”,这时超链接变成无下划线和黑色。

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}去掉字体下划线样式


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6276996.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-19
下一篇 2023-03-19

发表评论

登录后才能评论

评论列表(0条)

保存