在CSS中，我們經常會需要調整文本和文本框的布局和樣式，包括設置上下對齊、添加上下邊框等。其中，上頂線和下劃線是常用的文本樣式之一。

/* 設置上頂線 */
.selector {
border-top: 1px solid #000;
}
/* 設置下劃線 */
.selector {
border-bottom: 1px solid #000;
}

以上代碼展示了如何通過CSS的邊框屬性設置上頂線和下劃線。其中，border-top屬性用于設置上頂線，border-bottom屬性用于設置下劃線。可以通過調整像素值、邊框樣式和顏色等屬性來改變頂線和下劃線的樣式。

如果需要同時設置上頂線和下劃線，可以使用border-top和border-bottom的簡寫屬性border，如下所示：

/* 同時設置上頂線和下劃線 */
.selector {
border: 1px solid #000;
}

注意，在設置上頂線和下劃線時，也需要考慮文本的行高和垂直對齊方式。例如，如果文本的行高過小，則上頂線和下劃線可能會被部分遮蓋，導致視覺效果不佳。可以通過設置line-height屬性來調整行高，通過設置vertical-align屬性來調整垂直對齊方式。

綜上所述，通過CSS的邊框屬性可以方便地設置文本的上頂線和下劃線，同時也需要注意文本的行高和垂直對齊方式。掌握這些技巧，可以讓我們更加靈活地控制文本和文本框的樣式和布局。