在css中创建凹角[复制]

参见英文答案 > Inset border-radius with CSS3 &nb

... . . 参见英文答案 > Inset border-radius with CSS3                                    8个
是否可以在css中创建这样的凹角？如果是的话,你会怎么做？.

解决方法

. 以下是我将如何解决这个问题的一个很好的例子：

http://jsfiddle.net/x4wLf/

HTML：

<div class='concave'>    <div class='topleftconcave'></div>    <div class='botleftconcave'></div></div>

CSS：

div.concave {    background:blue;    width:150px;    height:120px;    position:relative;}div.topleftconcave {    position:absolute;    background:white;    width:25px;    height:35px;    border-bottom-right-radius:500px;}div.botleftconcave {    position:absolute;    background:white;    width:25px;    height:35px;    bottom:0;    left:0;    border-top-right-radius:500px;}

. . .. ...