• 技术文章 >web前端 >前端问答

    html怎么去掉a标签下划线

    藏色散人藏色散人2021-04-29 09:54:49原创1945

    html去掉a标签下划线的方法:1、通过“a{text-decoration: none;}”设置a标签的默认状态去除下划线;2、通过“a:visited{text-decoration: none;}”去除a标签访问过后的下划线等等。

    本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

    HTML a标签去除下划线

    a{text-decoration: none;}    //这个是设置a标签的默认状态去除下划线
    a:visited{text-decoration: none;}    //这个是设置a标签的访问过后的状态去除下划线
    a:hover {text-decoration: none;}    //这个是设置a标签的鼠标覆盖状态去除下划线
    a:active{text-decoration:none;}    //这个是设置a标签的活跃状态去除下划线

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

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

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

    65cee3d697057190500cee30b3d0f4a.png

    更多详细的HTML/CSS知识,请访问CSS视频教程栏目!

    以上就是html怎么去掉a标签下划线的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:css怎么设置div的透明度 下一篇:css怎么设置文本框大小
    大前端线上培训班

    相关文章推荐

    • html5 能做什么• html如何空格• html的图片怎么居中• 手机怎样打开html文件• css/html怎样让段落空出一行

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网