html图片离边框有距离,CSS边框：距离对象边缘？

我从来没有遇到任何类似于这样的财产,所以我不得不说,简而言之,“不”.

但后来我觉得不好,所以我真的可以建议的是将你想要缝合的div包裹在另一个div中,并用相同的背景颜色来设计父母,以模拟你之后的样子.这里有一些css可能采取：

.wrap {

border-width: 0;

background-color: #ffa;

width: 50%;

padding: 0.5em;

}

.wrap #panel {

background-color: inherit;

height: 6em;

border: 5px dashed #f90;

text-align: center;

}

和一些html：

This panel should look kinda sewn-on.

好的,刚刚重新发现了这个答案(感谢上传者！),现在我可以使用Box-shadow来提供一个实际的只有CSS的无外部元素的解决方案：

#panel {

background-color: #ffa;

height: 6em;

border: 5px dashed #f90;

text-align: center;

width: 50%;

margin: 30px auto 0 auto;

Box-shadow: 0 0 0 15px #ffa;

}​

第四个参数是键,它定义了阴影的“呃”,“扩散”(第三个参数定义了在这种情况下为0的“模糊”/“扩散”),使用与元素本身相同的背景颜色给出了边框在元素内的幻觉,而实际上它是从元素延伸出来的元素的阴影.