在网页设计中，我们经常需要给一些文本添加下划线来强调。但是有时候，我们会需要一个同时出现上下划线的效果。这时候，我们可以使用 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 伪元素来添加上下划线。与边框不同的是，伪元素可以自定义样式，包括背景色、长度、粗细等。

无论是使用边框还是伪元素，都能实现同时出现上下划线的效果。在实际应用中，我们可以根据需要选择适合的方式来实现。同时出现上下划线可以为网页增加视觉效果，也可以起到一定的强调作用。