如何在CSS中給文字添加下劃線

在CSS中，可以使用text-decoration屬性來給文字添加下劃線，具體步驟如下：

1、定義CSS樣式：你需要在你的CSS樣式表中定義一個樣式規(guī)則，這個規(guī)則可以應用于任何你想要添加下劃線的文本。

.underline-text {
    text-decoration: underline;
}

2、應用樣式：你可以將這個樣式應用到你的HTML元素上，你可以給一段文本添加一個類，這樣文本就會顯示下劃線。

<p class="underline-text">這是一段帶有下劃線的文本。</p>

3、調整樣式：你還可以調整text-decoration屬性的值來定制下劃線的樣式，比如顏色、粗細等。

.underline-text {
    text-decoration: underline; /* 添加下劃線 */
    text-decoration-color: red; /* 設置下劃線顏色為紅色 */
    text-decoration-style: double; /* 設置下劃線樣式為雙線 */
}

4、響應式設計：如果你想要在不同的屏幕尺寸下有不同的下劃線樣式，可以使用媒體查詢來定制不同屏幕下的樣式。

@media (max-width: 600px) {
    .underline-text {
        text-decoration: none; /* 小屏幕下不顯示下劃線 */
    }
}

通過以上的步驟，你可以輕松地在CSS中給文字添加下劃線，并根據(jù)需要定制樣式的細節(jié)。