CSS中除了可以設(shè)置基本的文本樣式、布局樣式外,還可以設(shè)置一些交互樣式,比如鼠標(biāo)懸浮時(shí)的下劃線、顏色變化等,這樣可以使網(wǎng)站變得更加生動(dòng)有趣。
//設(shè)置鼠標(biāo)懸浮時(shí)的樣式為手型 .hover { cursor: pointer; }
上述代碼中,使用了CSS中的cursor屬性來(lái)控制鼠標(biāo)懸浮時(shí)的指針樣式。在這里,我們將指針樣式設(shè)置為手型,也就是常見(jiàn)的鏈接樣式。
//設(shè)置鼠標(biāo)懸浮時(shí)的樣式為放大 .hover { transform: scale(1.2); }
除了改變指針樣式,我們還可以用CSS來(lái)改變懸浮元素的大小、位置等樣式。上述代碼中使用了transform屬性來(lái)控制元素的縮放比例,當(dāng)鼠標(biāo)懸浮在該元素上時(shí),該元素就會(huì)被放大。
除了上述例子,我們還可以設(shè)置鼠標(biāo)懸浮時(shí)的字體變化、背景色變化等等。這些都可以通過(guò)CSS來(lái)實(shí)現(xiàn),以達(dá)到更好的交互效果。