眾所周知，CSS是一種用于網頁排版的語言，通過CSS，我們可以設置文字的樣式、排版、顏色等屬性，讓網頁更加美觀。在CSS中，有一種常用的樣式——下邊橫線，它可以用來突出展示某些文字，比如鏈接、按鈕等。

CSS中實現下邊橫線的方法有很多種，本文介紹其中一種——text-decoration屬性。該屬性能夠讓我們在文字下方添加一個橫線。

/* 實現帶有下邊橫線的文字 */
p {
text-decoration: underline;
}

使用text-decoration屬性時，我們可以設置多個值，常用的有：

• none：默認值，不設置下劃線；
• underline：添加下劃線；
• overline：添加上劃線；
• line-through：添加刪除線；
• blink：添加閃爍效果，但該值在大多數瀏覽器中已被廢棄。

我們可以和其他CSS屬性一樣，將text-decoration屬性應用于某個選擇器，比如p標簽、a標簽、span標簽等。

/* 應用于a標簽的下邊橫線 */
a {
text-decoration: underline;
}
/* 應用于class為line的span標簽 */
.line {
text-decoration: underline;
}

除了以上提到的常用值之外，text-decoration還有其他高級的應用，比如可以通過text-decoration-color屬性來設置下邊橫線的顏色，通過text-decoration-style屬性來設置下邊橫線的樣式（比如實線、虛線、波浪線等）。

總之，text-decoration是CSS中一個非常常用的屬性，學好它能夠讓我們在網頁設計中更加得心應手。