html - CSS中边框的调整

Question

我希望 Div 的边框小于 div 的宽度。如何在 CSS 中实现它？

下图会让你更清晰:

http://imageshack.us/photo/my-images/440/divkr.jpg/

Answer 1

这对于纯 CSS 是不可能的。

不过，您可以使用两个 div 来获得这种效果。

<div class="outer">
<div class="inner">

    text

</div>
</div>​

.outer
{
    background-color:blue;
padding:20px;
    width:200px;
}

.inner
{
    border:solid 1px white;
    height:150px;
    color:white;
}

http://jsfiddle.net/RreTH/

http://jsfiddle.net/RreTH/1/