想必大家在學(xué)習(xí)CSS樣式的時(shí)候一定遇到過(guò)鏈接下有下劃線的情況。這種下劃線顯得很不美觀，那么該如何去掉鏈接下的橫線呢？接下來(lái)，我們就來(lái)詳細(xì)介紹一下。

a {
text-decoration: none;
}

通過(guò)給鏈接（a）元素添加text-decoration: none;的樣式，可以去掉鏈接下的橫線。這個(gè)style的屬性表示連接元素的文本裝飾。

當(dāng)然，有時(shí)候我們希望將鏈接下的橫線換成不同的樣式，比如將下劃線改為實(shí)線、虛線、雙下劃線等等。我們可以使用text-decoration的其他屬性值，例如：

a {
text-decoration: underline; /* 下劃線 */
text-decoration: overline; /* 上劃線 */
text-decoration: line-through; /* 中劃線 */
text-decoration: dotted; /* 實(shí)線 */
text-decoration: dashed; /* 虛線 */
text-decoration: double; /* 雙下劃線 */
}

通過(guò)修改text-decoration屬性的值，我們可以給鏈接下的橫線換上不同的樣式，這樣能夠使鏈接的樣式更加美觀，增強(qiáng)頁(yè)面的視覺(jué)效果。

最后，需要注意的是，修改鏈接下橫線的樣式只能使用text-decoration屬性。雖然CSS3規(guī)范中定義了其他屬性來(lái)控制鏈接的樣式，如text-decoration-skip-ink，但目前還未得到廣泛支持，使用時(shí)需要謹(jǐn)慎。