在 CSS 中,我們可以使用<hover>
和<background>
屬性來設置鼠標滑過時的背景效果。
&:hover { background: #ff0000; }
上面的代碼表示當鼠標滑過元素時,將背景顏色設置為紅色。
我們也可以使用圖片或漸變作為背景。
&:hover { background-image: url('images/bg.jpg'); } &:hover { background: linear-gradient(to right, #ff0000, #00ff00); }
上面的代碼分別表示當鼠標滑過元素時,使用圖片bg.jpg
作為背景,或使用水平漸變從紅色到綠色。
除了背景色和背景圖,我們還可以設置背景位置和重復方式。
&:hover { background-position: center; background-repeat: no-repeat; }
上面的代碼表示當鼠標滑過元素時,將背景位置設置為居中,重復方式設置為不重復。
總之,在 CSS 中,我們可以通過設置<hover>
和<background>
屬性來實現鼠標滑過時的背景效果,讓我們的頁面更加動態和有趣。