HTML中,下劃線可以通過(guò)CSS來(lái)進(jìn)行設(shè)置。下劃線通常表示鏈接,所以我們通常會(huì)將下劃線的顏色設(shè)置為鏈接顏色。
a { text-decoration: underline; color: blue; }
在上述代碼中,我們?yōu)閍標(biāo)簽設(shè)置了下劃線和顏色。text-decoration屬性用于設(shè)置文本修飾,包括下劃線,刪除線和上劃線。而color屬性用于設(shè)置鏈接的顏色。
除此之外,我們還可以對(duì)不同的狀態(tài)下的鏈接下劃線顏色進(jìn)行設(shè)置,如下:
a:link { text-decoration: underline; color: blue; } a:visited { text-decoration: underline; color: purple; } a:hover { text-decoration: underline; color: red; } a:active { text-decoration: underline; color: green; }
在以上代碼中,:link表示未訪問(wèn)鏈接;:visited表示已訪問(wèn)鏈接;:hover表示鼠標(biāo)懸停在鏈接上;而:active表示鏈接被點(diǎn)擊時(shí)的狀態(tài)。我們?yōu)椴煌瑺顟B(tài)下的鏈接設(shè)置了不同的下劃線顏色和顏色。
總之,通過(guò)CSS我們可以方便地對(duì)鏈接下劃線進(jìn)行顏色和樣式的設(shè)置,使頁(yè)面效果更加美觀。