在網(wǎng)頁設(shè)計中，下橫線（underline）是一種常見的元素，可以用來表示超鏈接或是強調(diào)文字。然而，在某些情況下，我們可能希望去掉下橫線，以達到一種特定的設(shè)計效果。本篇文章將介紹如何通過CSS去掉下橫線。

a {
text-decoration: none;
}

上述代碼是最簡單的去掉下橫線的方法。將CSS選擇器設(shè)置為“a”，然后將text-decoration屬性設(shè)置為“none”即可。text-decoration屬性是CSS的一個基本屬性，用來控制文本修飾效果。將它設(shè)置為“none”表示不使用任何文本修飾，即去掉下橫線。需要注意的是，如果一個超鏈接在被點擊后需要有下劃線等效果，可以在:hover偽類中重新設(shè)置text-decoration屬性。

除了超鏈接以外，其他元素也可能會有下橫線，比如下劃線文本（u）和自定義文本（）等等。同樣地，可以使用text-decoration屬性去除下橫線。

u, span {
text-decoration: none;
}

上述代碼將所有u和span元素的text-decoration屬性設(shè)置為“none”，去除了它們的下橫線效果。

需要注意的是，在使用text-decoration屬性去除下橫線時，如果元素中還有其他文本修飾效果，比如刪除線（line-through）和上劃線（overline），也會被一并去除。如果需要保留這些效果，可以使用text-decoration-line屬性分別控制。

a {
text-decoration: none;
text-decoration-line: underline;
}

上述代碼將text-decoration-line屬性設(shè)置為“underline”，保留超鏈接的下劃線效果。這樣即可同時去除其他文本修飾效果，又保留超鏈接的下橫線效果。