css - 在 div 边框上填充

Question

我想在 css 边框上添加填充。将它拉到一个 div 中，远离边缘。这是否可以使用 css(css3 很好，webkit)。

这是设计。

我通过将一个 div 放在一个 div 中，然后给内部 div 一个边框来做到这一点。我想使标记尽可能 slim ，所以我想尽可能只使用一个 div。

谢谢。

Answer 1

您应该能够使用 CSS outline 属性执行此操作:

<style>
.outer {
       outline: 2px solid #CCC;
       border: 1px solid #999;
       background-color: #999;
       }
</style>

<div class="outer">
example
</div>