a{
font-family:Arial;
font-size:.8em;
text-align:center;
margin:3px;/*統一設置所有樣式*/
}
a:link,a:visited{ /*超鏈接正常狀態,被訪問過的狀態*/
color:#A62020;
padding:4px 10px 4px 10px;
background-color:#ecd8db;
text-decoration:none;
border-top:1px solid #eee; /*邊框實現陰影*/
border-left:1px solid #eee;
border-bottom:1px solid #717171;
border-right:1px solid #717171;
}
a:hover{ /*鼠標指針經過時的超鏈接*/
color:green; /*改變文字顏色*/
padding:5px 8px 3px 12px; /*改變文字的位置*/
background-color:#e2c4c9; /*改變背景色*/
border-top:1px solid #717171; /*邊框變化實現按下去的效果*/
border-left:1px solid #717171;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
}
首先設置了a標簽的整體風格樣式，然后對3個偽屬性顏色 背景色 邊框，文字位置的修改，從而模擬了按鈕特效