CSS中可以通過text-decoration屬性來控制鏈接(a標簽)的下劃線顯示與否。默認情況下,所有的鏈接都會有下劃線,但我們也可以通過CSS代碼將下劃線去除或者添加。
a{ text-decoration: underline; /* 給a標簽添加下劃線 */ } a:hover{ text-decoration: none; /* 將a標簽的下劃線在鼠標懸停時去除 */ }
上述代碼中,a標簽被指定為添加下劃線(text-decoration: underline;),這樣就可以讓所有的鏈接都顯示下劃線。如果想要去除某個鏈接的下劃線,可以通過單獨為該鏈接指定樣式來實現:
a.no-underline{ text-decoration: none; /* 去除該鏈接的下劃線 */ }
在HTML中,給特定的鏈接添加類名為“no-underline”:
<a href="#" class="no-underline">去除下劃線</a>
這樣在頁面中,只有這個鏈接沒有下劃線。
上一篇css a加浮動沒高度
下一篇css a去掉空心點