css html布局 在一个带边框的div盒子外再加一个空心边框为1px的盒子

可以通过以下代码实现：

HTML代码：

<div class="outer-box">
  <div class="inner-box">
    <!-- 内容 -->
  </div>
</div>

CSS代码：

.outer-box {
  border: 1px solid #ccc; /* 实心边框 */
  padding: 10px;
}

.inner-box {
  border: 1px dashed #ccc; /* 空心边框 */
  padding: 10px;
}

这里我们使用了两个 `div` 标签，外层的 `div` 是带实心边框的盒子，内层的 `div` 则是带空心边框的盒子。通过设置内层盒子的 `padding` 属性来控制内容与空心边框之间的间距。