CSS3中的鏈接樣式不僅支持常規的樣式，還支持更多的效果。鏈接樣式使用標簽。
a:link {
/* 未訪問的鏈接樣式 */
text-decoration: none; /*去掉下劃線*/
color: blue; /*字體顏色*/
}
a:hover {
/* 鼠標懸浮在鏈接上的樣式 */
text-decoration: underline; /*添加下劃線*/
color: red; /*字體顏色*/
}
a:active {
/* 鏈接被點擊時的樣式 */
color: green; /*字體顏色*/
}鏈接的其他效果：
a:focus {
/* 鏈接獲得焦點時的樣式 */
outline: none; /*去掉默認的外邊框*/
color: orange; /*字體顏色*/
}
a:visited {
/* 已訪問的鏈接樣式 */
color: purple; /*字體顏色*/
}除了以上的屬性外，還可以在鏈接樣式中使用CSS3的動畫效果，例如：
a:hover {
color: #fff;
background-color: #f00;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}上面的代碼會在鼠標懸浮在鏈接上時，將字體顏色改為白色，背景顏色改為紅色，并且使用CSS3的動畫特效實現平滑的過渡。
上一篇php null
下一篇php next()