css如何去除下划线?

在给文字加上超链接锚文本(html a)后,字体就被默认自动加上下划线样式,但可以通过CSS实现取消去掉全网页超链接的文字字体被加下划线样式。下面我们来看一下使用css去除下划线的方法。

去掉取消超链接字体下划线的CSS代码:

a{text-decoration:none}

text-decoration 属性规定添加到文本的修饰。这个属性允许对文本设置某种效果,如加下划线。如果后代元素没有自己的装饰,祖先元素上设置的装饰会“延伸”到后代元素中。不要求用户代理支持 blink。

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

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>未取消去掉下划线</title> 
</head> 
<body> 
欢迎来到<a href="https://www.html.cn/">HTML中文网</a>! 
</body> 
</html>

效果图:

1.jpg

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

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>去掉下划线</title> 
<style> 
a{ text-decoration:none} 
</style> 
</head> 
<body> 
欢迎来到<a href="https://www.html.cn/">HTML中文网</a>! 
</body> 
</html>

效果图:

2.jpg

以上就是css如何去除下划线?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏