上劃線是我們在排版中經常用到的一種風格，它可以強調重點，讓文本更加易讀。通過 CSS，我們可以輕松地實現上劃線的效果。

/* 給文本增加上劃線 */
text-decoration: overline;
/* 給鏈接增加上劃線 */
a {
text-decoration: overline;
}
/* 設置上劃線顏色 */
text-decoration-color: red;

上面的代碼很簡單，我們可以使用 text-decoration 屬性來給文本或鏈接增加上劃線，同時我們也可以使用 text-decoration-color 來設置上劃線的顏色。

除了上劃線之外， CSS 還支持多種其他的文本修飾效果，如下劃線、中劃線等，我們可以通過 text-decoration 屬性來實現。此外，我們還可以通過 CSS3 中的偽元素來自定義文本修飾效果的樣式，如下：

/* 給文本增加下劃線 */
.underline {
position: relative;
text-decoration: none;
}
.underline::after {
content: '';
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
height: 1px;
background-color: red;
}

上面的代碼使用了 ::after 偽元素來生成一個與文本同寬度的下劃線，這樣可以讓下劃線更加自由地控制寬度和顏色。

總之，通過 CSS 的 text-decoration 屬性和偽元素，我們可以輕松地實現各種文本修飾效果，讓排版更加美觀和易讀。