html 颜色镂空,div的CSS3弯曲镂空？

编辑 – 新解决方案

通过径向梯度,可以在切割div中实现新的质量水平：Running Demo

旧解决方案

你可以用同质背景来做,而不是像你这样的艺术背景.有些东西是CSS永远不会做的,例如成为Photoshop.

但是,你可以使用边框,负边距和z-index来做到这一点;

HTML

bla bla bla

or yada yada yada

CSS

.container{

text-align: center;

background: #ddd;

}

.rounded{

margin: 0 auto;

border-radius: 50px;

width: 200px;

height: 30px;

background: silver;

padding: 10px;

border: 10px solid #ddd;

z-index: 1;

position: relative;

}

.digged{

margin: 0 auto;

background: silver;

width: 400px;

height: 100px;

margin-top: -30px

}