CSS中的:hover功能是指鼠標懸停在某個元素上時改變該元素的樣式,是制作交互式網頁的關鍵之一。
/* 示例 CSS 代碼 */ a:hover{ color: red; text-decoration: underline; }
在這個例子中,當鼠標懸停在鏈接元素上時,鏈接的字體顏色將會變成紅色并在文本底部添加下劃線。
:hover偽類可以用于幾乎所有的HTML元素上,包括文字、圖像和背景等。有很多CSS屬性可以在:hover時進行改變,包括顏色、字體大小、背景等等。
/* 示例 CSS 代碼 */ button:hover{ background-color: #0066cc; color: #fff; }
在這個例子中,當鼠標懸停在按鈕元素上時,按鈕的背景顏色將會變為深藍色,字體顏色變成白色。
:hover功能使得網頁變得更具可互動性,相對于靜態的頁面而言,更能夠吸引用戶的關注和興趣。
上一篇css3實用指南 購買
下一篇css3導航怎么使用