<div class="innerRadius"> <div>边框内的圆角试试吧<br />试试就试试<br /> 1,设置外层div背景色和内边距<br /> 2,内层div背景色与外层不相同,并且由圆角</div> </div> <div class="div1">只有一个元素实现内圆角<br />要注意outline不能小于box-shadow</div>
.innerRadius { background:pink; padding:5px; } .innerRadius>div { padding:5em; background:blue; border-radius:10px; } .div1 { margin:2em 0; background:blue; padding:5em; border-radius:20px; outline:10px solid pink; box-shadow:0 0 0 10px black; /*ontline绘制在元素框之外,并且在最顶端,会挡住box-shadow*/ }