仅对部分宽度背景进行边框

以下是一个示例代码，演示了如何仅对部分宽度的背景进行边框。

<style>
  .box {
    width: 200px;
    height: 200px;
    background-color: #f2f2f2;
    position: relative;
  }
  
  .border {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    border: 2px solid red;
  }
</style>

<div class="box">
  <div class="border"></div>
</div>

在上面的示例中，我们创建了一个名为.box的容器，用于显示背景颜色。然后，我们在容器中创建了一个名为.border的子元素，并使用绝对定位来确保它与父容器重叠。

通过设置.border的top、left、right和bottom属性为10px，我们可以控制边框相对于父容器的偏移量，并使其宽度减小10px，从而只显示部分宽度的背景颜色。

最后，我们为.border添加了border属性，以定义边框的样式、宽度和颜色。

当您在浏览器中运行此代码时，您将看到一个带有红色边框的灰色背景框，边框仅在容器的内部空白区域显示。您可以根据需要调整边框的宽度、颜色和位置。