在網頁設計中，我們經常需要給一些文本添加下劃線來強調。但是有時候，我們會需要一個同時出現上下劃線的效果。這時候，我們可以使用 CSS 來實現這個效果。

p {
border-top: 1px solid black;
border-bottom: 1px solid black;
}

上面的代碼使用了 border-top 和 border-bottom 來給 p 標簽同時添加上下邊框。通過改變邊框的樣式、顏色、粗細，我們可以實現不同類型的上下劃線效果。

除了邊框之外，我們也可以使用偽元素來創建上下劃線。比如，為 p 標簽添加下面這些 CSS 代碼：

p::before {
content: "";
display: block;
height: 1px;
background-color: black;
}
p::after {
content: "";
display: block;
height: 1px;
background-color: black;
}

這里使用 ::before 和 ::after 偽元素來添加上下劃線。與邊框不同的是，偽元素可以自定義樣式，包括背景色、長度、粗細等。

無論是使用邊框還是偽元素，都能實現同時出現上下劃線的效果。在實際應用中，我們可以根據需要選擇適合的方式來實現。同時出現上下劃線可以為網頁增加視覺效果，也可以起到一定的強調作用。