CSS 樣式表是一種設計網頁樣式的重要工具。鼠標劃過效果是其中一個常見的設計技巧之一。通過改變元素的顏色,可以讓網頁更加互動和富有情感。以下是一個使用 CSS 實現鼠標劃過改變顏色的示例。
/* CSS 樣式代碼 */ a:hover { color: red; text-decoration: underline; }
這段代碼表示當鼠標劃過一個鏈接時,鏈接的文本顏色會變成紅色并且下劃線會出現。其中a:hover
為 CSS 中的偽類選擇器,用來指定在特定狀態下應用的樣式。在本例中,當鼠標懸浮在鏈接上方時,就會應用color: red;
和text-decoration: underline;
這兩個指定的樣式。
除了鏈接,鼠標劃過效果也可以應用于其他元素。例如,以下代碼會讓一個 div 元素在鼠標懸浮時背景色變成灰色:
/* CSS 樣式代碼 */ div:hover { background-color: gray; }
這就是 CSS 鼠標劃過改變顏色效果的簡單示例。通過使用 CSS 樣式表,您可以輕松實現各種互動效果,讓您的網頁更加生動有趣。
上一篇css 鼠標動畫效果代碼
下一篇css 默認字體 宋體