今天小編給大家分享的是css中hover的用法是什么,相信很多人都不太了解,為了讓大家更加了解hover的用法,所以給大家總結了以下內容,一起往下看吧。一定會有所收獲的哦。
主要從事網頁設計、PC網站建設(電腦版網站建設)、wap網站建設(手機版網站建設)、成都響應式網站建設公司、程序開發(fā)、微網站、微信小程序定制開發(fā)等,憑借多年來在互聯(lián)網的打拼,我們在互聯(lián)網網站建設行業(yè)積累了豐富的成都網站設計、成都網站建設、網絡營銷經驗,集策劃、開發(fā)、設計、營銷、管理等多方位專業(yè)化運作于一體,具備承接不同規(guī)模與類型的建設項目的能力。
css hover的用法
CSS :hover 選擇器定義和用法
:hover 選擇器用于選擇鼠標指針浮動在上面的元素。
提示::hover 選擇器可用于所有元素,不只是鏈接。
提示::link 選擇器設置指向未被訪問頁面的鏈接的樣式,:visited 選擇器用于設置指向已被訪問的頁面的鏈接,:active 選擇器用于活動鏈接。
注釋:在 CSS 定義中,:hover 必須位于 :link 和 :visited 之后(如果存在的話),這樣樣式才能生效。
實例:
選擇鼠標指針浮動在其上的元素,并設置其樣式:
<!DOCTYPE html> <html> <head> <style> a:hover { background-color:yellow; } </style> </head> <body> <a href="http://www.php.cn">PHP</a> <a href="http://www.google.com">Google</a> <a href="http://www.wikipedia.org">Wikipedia</a> <p><b>注釋:</b>:hover 選擇器鼠標指針在其上浮動的鏈接設置樣式。</p> </body> </html>
效果:
注:所有主流瀏覽器都支持 :hover 選擇器。
關于css中hover的用法是什么就分享到這里了,希望以上內容可以對大家有一定的參考價值,可以學以致用。如果喜歡本篇文章,不妨把它分享出去讓更多的人看到。
新聞標題:css中hover的用法是什么
分享URL:http://jinyejixie.com/article18/ggsgdp.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供軟件開發(fā)、網站營銷、營銷型網站建設、虛擬主機、網站設計公司、響應式網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)