在CSS中，要實(shí)現(xiàn)上下有字中間有線的效果，可以使用多種方法，以下是一種簡(jiǎn)單的方法，使用偽元素和邊框?qū)傩詫?shí)現(xiàn)：

<div class="container">
  <div class="text-top">上</div>
  <div class="line"></div>
  <div class="text-bottom">下</div>
</div>

.container {
  position: relative;
  width: 200px;
  height: 50px;
}
.text-top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.text-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
}
.line {
  position: absolute;
  top: 25px; /* 中間線的位置 */
  left: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #000; /* 中間線樣式 */
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)包含兩個(gè)文本塊和一個(gè)中間線的容器，每個(gè)文本塊使用***定位來(lái)定位在容器的頂部和底部，中間線則定位在兩個(gè)文本塊之間，這種方法簡(jiǎn)單有效，可以實(shí)現(xiàn)上下有字中間有線的效果。