CSS是一種網(wǎng)頁樣式語言,可以控制網(wǎng)頁的外觀,其中一個(gè)酷炫的效果就是鼠標(biāo)放置字體變顏色。這種效果可以通過:hover偽類和color屬性實(shí)現(xiàn)。
p:hover{ color: red; }
如上代碼,表示當(dāng)鼠標(biāo)放在p標(biāo)簽上時(shí),顏色變成紅色。我們也可以對(duì)特定元素添加此效果,例如一個(gè)超鏈接:
a:hover{ color: blue; }
這段代碼表示當(dāng)鼠標(biāo)放在超鏈接上時(shí),字體顏色變成藍(lán)色。此外,我們也可以給多個(gè)元素添加這個(gè)效果:
p:hover, a:hover, h1:hover{ color: green; }
以上代碼表示當(dāng)鼠標(biāo)放在p標(biāo)簽、超鏈接、標(biāo)題h1上時(shí),字體顏色都變成綠色。這樣給網(wǎng)頁增強(qiáng)了交互性和美觀性。