網頁設計中,我們經常需要讓點擊的文字呈現(xiàn)出不同的顏色,來顯著地表示出它們的鏈接性質,而這種顏色變化需要通過HTML代碼來實現(xiàn)。
a:hover { color: red; }
上面這段代碼就是要實現(xiàn)“當鼠標指針滑過鏈接時,將其字體顏色設為紅色”的效果。在HTML中,<a>
標簽表示鏈接,:hover
偽類表示鼠標滑過,而color
屬性則表示字體顏色。
除了鼠標滑過外,我們也可以對點擊的鏈接進行特殊效果的設置。下面這段代碼可以讓點擊后的鏈接字體顏色變?yōu)樗{色,同時文本下面會出現(xiàn)一個下劃線。
a:active { color: blue; text-decoration: underline; }
類似地,:active
偽類表示鼠標點擊,text-decoration
屬性可以用于設置文本的裝飾效果,如下劃線、中劃線、刪除線等。
總之,HTML標簽的屬性和CSS樣式的配合使用,可以輕松實現(xiàn)對文字顏色、字體大小、格式等的控制,從而使頁面更加美觀、易讀。