CSS中實現(xiàn)文字上劃線是很簡單的。首先，我們需要為文本設(shè)置下劃線。（一般我們使用text-decoration屬性來實現(xiàn)）

p {
text-decoration: underline;
}

但是，我們要實現(xiàn)的是上劃線。所以，我們需要使用CSS的:after偽元素，并將其設(shè)置為具有1個像素高的線。

p {
position: relative;
text-decoration: none;
}
p:after {
content: "";
position: absolute;
left: 0;
top: -1px;
border-top: 1px solid black;
width: 100%;
}

在上面的CSS代碼中，我們將文本的位置設(shè)置為“相對” ，因為偽元素的位置是相對于文本的。 然后，我們將文本的下劃線樣式設(shè)置為“none”，因為我們將在偽元素中設(shè)置樣式。

然后，我們給這個偽元素添加一個內(nèi)容（content）屬性（它會默認(rèn)顯示為空）。

接著，我們設(shè)置偽元素的位置，讓它處于文本的上方。 最后，我們給這個偽元素添加一個1像素高的黑色上邊框，就像我們在設(shè)置文本下劃線時一樣，但是這次位于文本上方。

然后，我們的上劃線就完成了。你可以使用上述代碼，為你的文本添加一個漂亮的上劃線。