在div边界上填充

Question

我想把填充放在css边框上.将它拉入div内,远离边缘.这可能是使用css(css3很好,webkit).

这是设计.

我通过在div中放置一个div来做到这一点,然后给内部div一个边框.我想让标记变得苗条,所以我想只使用一个div,如果可行的话.

谢谢.

Answer 1

您应该可以使用CSS outline属性执行此操作:

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

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

Answer 2

您可以使用outline属性代替边框:

div{
height:300px;
width:500px;
background-color:lightblue;
outline:dashed;
outline-offset:-10px;    
}

http://jsfiddle.net/H7KdA/