CSS中有一個很常用的效果:經過鼠標時改變字體顏色。這種效果可以通過CSS中的:hover偽類來實現。
代碼示例: /* 需要改變顏色的字體 */ .hover-text { color: black; } /* 當鼠標經過時,字體顏色變為紅色 */ .hover-text:hover { color: red; }
上面的代碼中,.hover-text類定義了需要改變顏色的字體屬性,當鼠標經過時,.hover-text:hover偽類定義了字體顏色改變后的效果。
這種效果可以應用于很多地方,比如鏈接的hover效果,鼠標懸浮在按鈕上時的效果等等。
實現一個鼠標經過字變色的效果并不復雜,只需掌握好:hover偽類的使用方法即可。