CSS讓連結也能製造出立體按鈕的效果

test-css-3d-buttom.gif

a {
display: block;
border: 2px solid;
border-color: #999 #333 #333 #999;
width: 8em;
background: #ccc;
padding:2px;
font-size:12px;
color:#f00;
}

a:hover
{
position: relative;
top: 1px;
left: 1px;
border-color: #333 #999 #999 #333;
}

 

arrow
arrow
    全站熱搜

    jon6773 發表在 痞客邦 留言(0) 人氣()