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/