溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

鼠標(biāo)懸?；蚪?jīng)過(guò)對(duì)象時(shí)CSS樣式變化怎么設(shè)置

發(fā)布時(shí)間：2022-03-02 15:31:15 來(lái)源：億速云 閱讀：300 作者：iii 欄目：web開(kāi)發(fā)

今天小編給大家分享一下鼠標(biāo)懸?；蚪?jīng)過(guò)對(duì)象時(shí)CSS樣式變化怎么設(shè)置的相關(guān)知識(shí)點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識(shí)，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來(lái)了解一下吧。

:hover偽類配置名目 鼠標(biāo)懸停顛末形態(tài)

鼠標(biāo)懸?；蚪?jīng)由對(duì)象時(shí)CSS格局轉(zhuǎn)變?cè)O(shè)置裝備擺設(shè)，常見(jiàn)于對(duì)A超鏈接標(biāo)簽設(shè)置鼠標(biāo)經(jīng)由懸停時(shí)CSS名目。

a:hover{ color:#F00; background:#CCC}

設(shè)置超鏈接A對(duì)象鼠標(biāo)懸停時(shí)，A超鏈接對(duì)象字體色彩改動(dòng)為紅色，靠山色彩為灰黑色。

Span:hover{ color:#F00}

鼠標(biāo)懸?；蚪?jīng)過(guò)span標(biāo)簽對(duì)象時(shí)，字體色調(diào)變?yōu)槌嗌?/p>

寄望：此前對(duì)非a超鏈接標(biāo)簽設(shè)置IE6不兼容hover，但其時(shí)運(yùn)用IE6對(duì)比濃密了，可以不思量IE6兼容非a標(biāo)簽的hover.

A標(biāo)簽設(shè)置裝備擺設(shè)hover想必大家都清楚，對(duì)別的標(biāo)簽設(shè)置裝備擺設(shè)實(shí)在也是如斯，對(duì)class或id定名配置便可。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>非A標(biāo)簽元素配置hover</title>
<style>
.abc{ color:#000; bac公斤round:#FFF}
.abc:hover{color:#F00;bac公斤round:#CCC}
</style>
</head>
<body>
<div class="abc">默認(rèn)此class=abc對(duì)象內(nèi)字體色調(diào)為彩色，背景純白色</div>
</body>
</html>

鼠標(biāo)懸?；蚪?jīng)過(guò)對(duì)象時(shí)CSS樣式變化怎么設(shè)置
鼠標(biāo)懸停在div class=abc競(jìng)爭(zhēng)對(duì)象時(shí)，字體色調(diào)和配景色彩扭轉(zhuǎn) 功效截圖

以上就是“鼠標(biāo)懸?；蚪?jīng)過(guò)對(duì)象時(shí)CSS樣式變化怎么設(shè)置”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識(shí)，如果還想學(xué)習(xí)更多的知識(shí)，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。

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

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手