css同时出现上下划线 |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 伪元素来添加上下划线。与边框不同的是，伪元素可以自定义样式，包括背景色、长度、粗细等。

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