如何去掉 a 标签的下划线


为 a 标签添加样式 text-decoration:none 即可实现

示例代码:

            <html>
                <body>
                    <a href="/">有下划线的链接</a>
                    <a style="text-decoration:none;" href="/">没有下划线的链接</a>
                </body>
            </html>
        

结果展示: 有下划线的链接 没有下划线的链接

或使用 CSS 给整个网页的 a 标签去掉下划线

            <html>
                <head>
                    <style>
                        a { text-decoration:none; }
                    </style>
                </head>
                <body>
                    <a href="/">链接</a>
                    <a href="/">链接</a>
                </body>
            </html>
        

back home