CSS是網(wǎng)頁設(shè)計(jì)中的重要一環(huán),它可以控制網(wǎng)頁布局、字體、顏色等,同時(shí)還具備一些小技巧,例如鼠標(biāo)放上去背景改變。
.box { width: 100px; height: 100px; background-color: #ccc; transition: all 0.3s ease; } .box:hover { background-color: #f00; }
我們可以通過CSS選擇器來控制特定元素,這里以類選擇器為例,給一個(gè)類名為box的元素添加了寬高和背景顏色,同時(shí)通過transition屬性來使背景色的變化更加平滑。當(dāng)鼠標(biāo)懸浮上去時(shí),我們利用:hover偽類來控制元素的背景顏色變化,讓交互效果更加生動(dòng)。
以上就是關(guān)于CSS鼠標(biāo)放上去背景改變的簡單介紹。當(dāng)然,這只是CSS的冰山一角,更多有趣的小技巧等待我們探索。