:hover是在鼠標移到元素上時向此元素添加特殊的css樣式。

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

為了達到預期的效果，在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>

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。