CSS可以設置超鏈接在鼠標懸停時的樣式,這樣可以給用戶提供更好的交互體驗。
a:hover { color: red; text-decoration: underline; }
上述代碼中,a:hover
選擇器表示當鼠標懸停在超鏈接上時,a
標簽將會被應用樣式。在這個例子中,color: red
將文本顏色設置為紅色,text-decoration: underline
將在文本下方添加下劃線。
除了上述代碼,還可以使用其他樣式來設置超鏈接懸停效果,比如更改背景顏色、字體大小等。
a:hover { background-color: yellow; font-size: 16px; }
上述代碼會在超鏈接懸停時將背景顏色改為黃色,字體大小變為16px。
總之,使用CSS可以為超鏈接懸停時添加各種不同的效果,可以讓頁面更加美觀、互動性更強。
上一篇適合新手研究的css模板
下一篇進度條效果制作css代碼