给超链接加两条下划线

最新推荐文章于 2022-08-11 11:36:37 发布

weixin_30284355

最新推荐文章于 2022-08-11 11:36:37 发布

阅读量275

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/youtianxia/p/4091389.html

版权

本文介绍了一种使用CSS为超链接添加双下划线的方法。通过设置不同的CSS伪类，如a:link, a:visited, a:active 和 a:hover，实现了鼠标悬停时显示下划线的效果，并设置了特定的边框属性来实现双下划线。

摘要由CSDN通过智能技术生成

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>给超链接加两条下划线丨瑜伽馆</title>
    </head>
    <body>
    <style>
    a:link {text-decoration: none;}
    a:visited {text-decoration: none;}
    a:active {text-decoration: none;}
    a:hover {text-decoration:underline;padding-bottom:8px;border-bottom:1 solid black}
    </style>
    <a href="http://www.sjz-yoga.com/">瑜伽馆</a>
    </body>
    </html>
    <br><br><hr>