CSS样式之带边框的 Anchor（超链接）

最新推荐文章于 2023-06-08 10:01:23 发布

iteye_3352

最新推荐文章于 2023-06-08 10:01:23 发布

阅读量940

点赞数 1

分类专栏： css 文章标签： css a anchor 边框 border

本文链接：https://blog.csdn.net/iteye_3352/article/details/82674114

版权

css 专栏收录该内容

32 篇文章 0 订阅

订阅专栏

[size=medium][b]效果图：[/b][/size]

[img]http://dl2.iteye.com/upload/attachment/0120/4645/79cf2283-c75f-376e-8df1-a39b3090da9e.png[/img]

[size=medium][b]HTML:[/b][/size]



    <a class="vbtn release"
       href="spring-context/4.2.1.RELEASE" >4.2.1.RELEASE</a>

[size=medium][b]CSS：[/b][/size]



    .vbtn {
        background: #FAFAFF;
        border: 1px solid #ddd;
        border-radius: 4px;
        border-spacing: 0;
        box-shadow: 1px 1px 1px #eee;
        padding: 1px 4px;
        white-space: nowrap;
        vertical-align: baseline;
    }

    a {
        text-decoration: none;
        color: #175bb0;
    }

    a:hover {
        text-decoration: underline;
    }