怎么设置背景只有一边有边框

要设置背景只有一边有边框，可以使用CSS的伪元素来实现。以下是一个示例：

HTML代码：

<div class="container">
  <p>这是一个有边框的背景</p>
</div>

CSS代码：

.container {
  position: relative;
  padding: 20px;
  background-color: #f0f0f0;
}

.container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: red;
}

解释：

• 首先，我们创建了一个包含内容的容器元素(<div class="container">)，并设置了一些样式，例如padding和background-color。
• 然后，我们使用伪元素::before来创建一个绝对定位的元素，在容器的左上角放置它。
• 通过设置content: ''，我们确保伪元素有内容，即使内容为空。
• 我们将伪元素的宽度设置为5像素，高度设置为100%（和容器一样高），并将背景颜色设置为红色。

这样，只有容器的左边有一个红色的边框。你可以根据需要调整边框的宽度、颜色和位置