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

    css a怎么去掉下划线

    藏色散人藏色散人2021-06-08 11:40:53原创59

    css a去掉下划线的方法:首先创建一个HTML示例文件;然后通过a标签创建一个链接;最后通过设置“a{text-decoration:none}”来去掉下划线即可。

    本文操作环境:windows7系统、css3版,DELL G3电脑

    css a怎么去掉下划线?

    css去掉A下划线样式——CSS取消超链接默认下划线效果

    a取消下划线效果,在CSS中使用text-decoration样式取消即可。

    css a取消下划线代码:

    a{text-decoration:none}

    这样默认下去掉网页中a标签超链接下划线样式。

    取消指定对象内a下划线实例

    <!DOCTYPE html>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>取消去掉a标签下划线</title>
    <style>
    .exp a{ text-decoration:none}
    </style>
    </head>
    <body>
    DIV CSS学习上<a href="//www.xxx.cn/">CSS</a>!
    <div class="exp">
    欢迎访问<a href="//www.xxx.cn/">CSS</a>!
    </div>
    </body>
    </html>

    推荐学习:《css视频教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css
    上一篇:flash和html5的区别有哪些 下一篇:css目标选择器有哪些
    第16期线上培训班

    相关文章推荐

    • css中怎么将div设置为居中• css表格边框怎么设置• css怎么设置图片拉伸不重复• css怎么设置tr间距

    全部评论我要评论

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

    PHP中文网