• 技术文章 >web前端 >css教程

    css怎么让超链接不加下划线

    藏色散人藏色散人2021-01-28 11:15:06原创1688

    css让超链接不加下划线的方法:首先创建一个HTML示例文件;然后添加一个a标签;最后给a标签添加“text-decoration:none;”属性即可让超链接去掉下划线。

    本教程操作环境:windows7系统、HTML5&&CSS3版本,DELL G3电脑。

    推荐:css视频教程

    css让超链接不加下划线?

    css中去除下划线,可以设置a标签的text-decoration属性为none。

    使用一个案例来说明:

    1、代码部分

    <!DOCTYPE html>
    <html>
    <head>
            <meta charset="UTF-8">
         <title>document</title>
    </head>
    <body>
        <a href="#">我要去除超链接下划线</a>
    </body>
    </html>

    2、以上代码在浏览器显示的效果是有下划线的,之后的操作咱们就是要去除下划线

    添加style标签,写上如下代码:

    <style>
        a{
            text-decoration: none;
        }
    </style>

    再次打开浏览器,a标签的下划线就去除了。

    text-decoration是文字修饰效果的意思:

    ● none参数表示超链接文字不显示下划线;

    ● underline参数表示超链接的文字有下划线

    以上就是css怎么让超链接不加下划线的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:css 怎么设置div不可点击 下一篇:利用css伪类实现鼠标滑过按钮动画效果
    PHP编程就业班

    相关文章推荐

    • 怎样在外连接css文件• vs2010 如何支持css3• css如何滚动图片• require能引入CSS吗

    全部评论我要评论

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

    PHP中文网