我从来没有遇到任何类似于这样的财产,所以我不得不说,简而言之,“不”.
但后来我觉得不好,所以我真的可以建议的是将你想要缝合的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的“模糊”/“扩散”),使用与元素本身相同的背景颜色给出了边框在元素内的幻觉,而实际上它是从元素延伸出来的元素的阴影.