html - 如何在html中为框创建内边框？

Question

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

看这张图:

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>