css如何取消下划线

css中，可以使用“text-decoration”属性取消下划线，只需要给元素设置“text-decoration:none”样式即可。text-decoration属性用于给文本添加修饰，当值为“none”时，可以定义无修饰的标准文本。

本教程操作环境：windows7系统、CSS3& & HTML5版、Dell G3电脑。

css中取消下划线可以使用text-decoration:none样式实现。

示例：

!DOCTYPE html>
     html>
     head>
     meta charset="utf-8" />
     tITle>
    取消下划线/title>
     style>
 a{
     text-decoration:none}
     /style>
     /head>
     body>
     欢迎来到a href="https://www.cctv.COM/">
    我的世界/a>
    ! /body>
     /html>
    

效果如下：

text-decoration 属性规定添加到文本的修饰。

注释：修饰的颜色由 "color" 属性设置。

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

属性值：

• none 默认。定义标准的文本。

• underline 定义文本下的一条线。

• overline 定义文本上的一条线。

• line-through 定义穿过文本下的一条线。

• blink 定义闪烁的文本。

• inherit 规定应该从父元素继承 text-decoration 属性的值。

推荐学习：css视频教程

以上就是css如何取消下划线的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！