CSS样式之带边框的 Anchor(超链接)

效果图:




HTML:


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



CSS:

    .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;
    }


















-

猜你喜欢

转载自lixh1986.iteye.com/blog/2328945