中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

css怎么實現鼠標經過文字背景顏色或圖片發生變化

發布時間:2022-03-04 17:01:44 來源:億速云 閱讀:1147 作者:iii 欄目:web開發

本篇內容介紹了“css怎么實現鼠標經過文字背景顏色或圖片發生變化”的有關知識,在實際案例的操作過程中,不少人都會遇到這樣的困境,接下來就讓小編帶領大家學習一下如何處理這些情況吧!希望大家仔細閱讀,能夠學有所成!

一、鏈接文字無背景鼠標經過懸停出現背景顏色

當鼠標經過無背景顏色和背景圖片的文字超鏈接時(懸停),超鏈接錨文本文字背景出現背景顏色。

用到CSS屬性單詞:
background+具體顏色值

我們通過實例實現鼠標經過a鏈接css背景顏色改變,我們對超鏈接a標簽外加個div盒子css命名為".億速云-abc"

1、完整實例HTML源代碼

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>a背景顏色改變</title> <style> .億速云-abc a{ color:#000}/* css注釋說明:超鏈接顏色為黑色 */ .億速云-abc a:hover{ background:#00F; color:#FFF} /* css 注釋說明:鼠標經過懸停超鏈接時字體顏色為白色,背景為藍色*/ </style> </head>  <body> <div class="億速云-abc"> 歡迎來到<a href="http://www.億速云.com/">億速云</a> </div> </body> </html>

2、背景顏色改變實例截圖

css怎么實現鼠標經過文字背景顏色或圖片發生變化

以上通過對a標簽設置鼠標經過時“a:hover”背景顏色出現為藍色。

二、鼠標經過文字鏈接背景變為圖片   

當鼠標經過超鏈接的文字時,文字背景將圖片作為背景。

我們通過實例實現鼠標經過a鏈接背景改變為圖片,我們對超鏈接a標簽外加個div盒子css命名為".億速云-def"

1、完整HTML+css代碼

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>a背景改變</title> <style> .億速云-def a{ color:#000; padding:10px 10px; line-height:30px}/* css注釋說明:超鏈接顏色為黑色 */ .億速云-def a:hover{color:#FFF; background:url(bj.gif) no-repeat center} /* css 注釋說明:鼠標經過懸停超鏈接時字體顏色為白色,背景為圖片*/ </style> </head>  <body> <div class="億速云-def"> 歡迎來到<a href="http://www.億速云.com/">億速云</a> </div> </body> </html>

2、文字鏈接鼠標經過背景改變為圖片實例截圖

css怎么實現鼠標經過文字背景顏色或圖片發生變化

“css怎么實現鼠標經過文字背景顏色或圖片發生變化”的內容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站,小編將為大家輸出更多高質量的實用文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

css
AI

海口市| 隆回县| 英吉沙县| 永丰县| 南京市| 华容县| 常熟市| 准格尔旗| 旬邑县| 宜昌市| 盘山县| 精河县| 信宜市| 新疆| 沾化县| 如东县| 永丰县| 桃园县| 荆门市| 鹤峰县| 台南市| 承德市| 沙河市| 启东市| 奇台县| 屏东县| 岫岩| 禹州市| 宁国市| 五寨县| 合作市| 天峨县| 瑞安市| 自治县| 蛟河市| 历史| 山东省| 安塞县| 四子王旗| 北碚区| 阳山县|