如何为html中的框创建内边框？

Question

如何为html中的框创建内边框？

看这张图片：

原文由 DigiMan 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

看看这个，我们可以简单地用 outline-offset 属性来做到这一点

输出图像看起来像

 .black_box {
    width:500px;
    height:200px;
    background:#000;
    float:left;
    border:2px solid #000;
    outline: 1px dashed #fff;
    outline-offset: -10px;
}

 <div class="black_box"></div>

原文由 Jishnu V S 发布，翻译遵循 CC BY-SA 3.0 许可协议