怎么使用CSS懸停

發(fā)布時(shí)間：2022-03-02 14:47:05 來(lái)源：億速云閱讀：160 作者：小新欄目：web開(kāi)發(fā)

這篇文章給大家分享的是有關(guān)怎么使用CSS懸停的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

　　csshover的用法

　　CSS:hover選擇器定義和用法

　　:hover選擇器用于選擇鼠標(biāo)指針浮動(dòng)在上面的元素。

　　提示：:hover選擇器可用于所有元素，不只是鏈接。

　　提示：:link選擇器設(shè)置指向未被訪問(wèn)頁(yè)面的鏈接的樣式，:visited選擇器用于設(shè)置指向已被訪問(wèn)的頁(yè)面的鏈接，:active選擇器用于活動(dòng)鏈接。

　　注釋：在CSS定義中，:hover必須位于:link和:visited之后（如果存在的話），這樣樣式才能生效。

　　實(shí)例：

　　選擇鼠標(biāo)指針浮動(dòng)在其上的元素，并設(shè)置其樣式：

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<style>

　　a:hover

　　{

　　background-color:yellow;

　　}

　　</style>

　　</head>

　　<body>

　　<ahref="http://www.php.cn">PHP</a>

　　<ahref="http://www.google.com">Google</a>

　　<ahref="http://www.wikipedia.org">Wikipedia</a>

　　<p><b>注釋：</b>:hover選擇器鼠標(biāo)指針在其上浮動(dòng)的鏈接設(shè)置樣式。</p>

　　</body>

　　</html>

感謝各位的閱讀！關(guān)于“怎么使用CSS懸?！边@篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡