在CSS中，我們可以使用text-decoration屬性來為文本添加下劃線，而且這個屬性相當的靈活，可以控制下劃線的樣式、顏色和位置等。
下面是一個簡單的示例，演示如何使用text-decoration來為文本添加下劃線：
p {
text-decoration: underline;
}以上代碼會把所有p標簽中的文本添加下劃線。如果你想只為文本的一部分添加下劃線，可以使用標簽將該部分文字包裹起來，然后給這個標簽設置text-decoration屬性。p {
font-size: 16px;
}
.underline {
text-decoration: underline;
}這是一段普通的有下劃線的文本。
以上代碼會讓指定的元素在文本下加一條下劃線。
當然，我們也可以利用text-decoration屬性來控制下劃線的樣式、顏色和位置等。下面是一個更加復雜的示例：.underline {
text-decoration: underline;
text-decoration-style: dashed;
text-decoration-color: blue;
text-decoration-thickness: 2px;
text-underline-position: under;
text-decoration-offset: 5px;
}以上示例代碼會創建一個虛線的藍色下劃線，并讓下劃線的粗細為2px，位置在文本下面，下劃線距離文本5像素。
總之，使用text-decoration屬性能很輕松地為文本添加下劃線，而且這個屬性還有很多的選項可以用來控制下劃線的樣式，讓我們可以更好地給文本添加裝飾。上一篇css怎么大層包小層
下一篇css設置字體圓體字