:hover是在鼠標(biāo)移到元素上時(shí)向此元素添加特殊的css樣式。

a:link {color: #FFF} /* 未訪問的鏈接 */ a:visited {color: #ddd} /* 已訪問的鏈接 */ a:hover {color: #000} /* 當(dāng)有鼠標(biāo)懸停在鏈接上 */ a:active {color: #000} /* 被選擇的鏈接 */

為了達(dá)到預(yù)期的效果，在css定義中，a:hover必須位于a:link和a:visited之后，而a:active必須位于a:hover之后

可與css類配合使用

<pre name="code" class="css">

a.name{color: white;text-decoration: none;display: block;height: 85px;padding: 0 15px;}

a.name:hover{background: #394665;}

<a class="name" href="http://www.baidu.com"> 首頁</a>

總結(jié)

以上是生活随笔為你收集整理的CSS a:hover的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。