在網(wǎng)頁中,我們常常需要添加鏈接,但鏈接默認(rèn)情況下會有下劃線,而有些時候我們希望去掉鏈接下方的下劃線,這時CSS就能派上用場。
在CSS中,通過text-decoration:none;可以去掉鏈接下方的下劃線。具體代碼如下:
a{ text-decoration:none; }
代碼中,a代表鏈接標(biāo)簽,text-decoration是文本修飾屬性,none代表不顯示任何修飾效果。這樣,就能去掉鏈接下方的下劃線了。
當(dāng)然,如果只是要去掉單個鏈接的下劃線,也可以直接在該鏈接的CSS中加上text-decoration:none;,如下:
<a href="#" style="text-decoration:none;">去掉下劃線</a>
這樣,只有這個鏈接在被訪問時才不會出現(xiàn)下劃線,其他鏈接依然會顯示下劃線。
總之,通過CSS可以輕松去掉網(wǎng)頁中鏈接下方的下劃線,讓頁面更加美觀。