css 中border-bottom 只有一般横线是半透明 ，其余横线消失

要实现只有一条横线是半透明的效果，而其余的横线消失，可以使用多个 `box-shadow` 来模拟横线，并设置它们的颜色和位置。

以下是一个示例的CSS代码，可以实现这个效果：

.line {
  position: relative;
  height: 1px;
  background-color: transparent;
}

.line::before,
.line::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
}

.line::before {
  top: 0;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.line::after {
  top: -1px;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
}

在这个示例中，我们创建了一个 `.line` 类来表示横线。使用伪元素 `::before` 和 `::after` 分别表示上方和下方的横线。通过调整 `box-shadow` 的颜色和透明度，我们可以实现只有上方的横线是半透明的效果。

你可以将 `.line` 类应用于你想要显示这个效果的元素上，例如：

<div class="line"></div>

这样，你就可以实现在CSS中只有一条横线是半透明，其余的横线消失的效果了。