CSS中可以使用border-bottom和border-top屬性實現下劃線和上劃線，這是常見的一種方式。

/* 下劃線 */
.text-underline {
border-bottom: 1px solid #000;
}
/* 上劃線 */
.text-overline {
border-top: 1px solid #000;
}

但是，如果想要同時實現上下線條，也有很多不同的方法。

一種方法是使用:before和:after偽元素來實現。用:before來實現上劃線，用:after來實現下劃線，代碼如下：

/* 上下劃線 */
.text-both-lines {
position: relative;
}
.text-both-lines:before,
.text-both-lines:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #000;
}
.text-both-lines:before {
top: 0;
}
.text-both-lines:after {
bottom: 0;
}

另外一種方法是使用box-shadow屬性實現，這種方法可以同時實現上下線條和左右線條。代碼如下：

/* 上下左右線條 */
.text-all-lines {
box-shadow: 0 -1px 0 #000,
0 1px 0 #000,
-1px 0 0 #000,
1px 0 0 #000;
}

以上是一些實現上下線條的方法，可以根據需要進行選擇和使用。