css上顶线下划线怎么弄

CSS 是用来控制网页外观的语言，它可以让我们对网页的样式做出各种各样的改变。CSS 的基本语法是由 选择器 { 属性: 值; }组成。主要分为选择器、属性和值三部分。

在 CSS 里，我们可以用 border-bottom（下划线） 和 border-top（上顶线）来设置文字框的边框 line。而这些边框之间的距离可以用 padding 和 margin 来控制。

/* 若要设置下划线 */
p {
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}

/* 若要设置上顶线 */
p {
  border-top: 1px solid black;
  margin-top: 10px;
} 

上面两段 CSS 代码分别设置了一个带下划线和带顶线的段落样式。其中 border-bottom: 1px solid black; 表示在段落下方加上一条 1px 粗的黑色实线，margin-bottom: 10px; 则是在下划线和段落正文之间加上一个 10px 的空白。

同理，border-top: 1px solid black; 表示在段落上方加上一条 1px 粗的黑色实线，margin-top: 10px; 则是在顶线和段落正文之间加上一个 10px 的空白。

在实际使用 CSS 时，我们可以根据具体需要调整线条的样式、粗细和颜色，达到更丰富、多样化的效果。