Css3其中一个div角应该向内

Question

我已经创建了一个带有以下css属性的div。

<div class="mainDiv border-5"></div>
.mainDiv { border:1px solid black; height:auto; padding: 5px;} 
.border-5 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  }

上面的代码通常创建了一个包含所有角的div，我希望其中一个角是向内的，即角应该来自内部。

Answer 1

你是说像这样吗？

http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/

你可以在这里找到CSS代码：

http://jsfiddle.net/leaverou/EjE7c/light/