2015-04-14 50 views
-1

我刚刚发现可以声明每个角落的半径(如border-radius: 10px 20px 30px 40px;),而不是单独声明每一个角落。我想知道对此的支持是否受到限制。border-radius:x x x x - 支持

+2

http://caniuse.com /#feat = border-radius – dowomenfart

+1

不,它不是......单个半径始终可用。事实上,有8个半径可以表示,而不仅仅是4个,因为您可以将每个角落变成椭圆形 - https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius –

+0

@Paulie_D Yup just比如'border-radius:xxxx/xxxx;',我发现那也是:)我只需要知道在其他浏览器中是否有任何问题。谢谢你们两位的快速回答! – AlexG

回答

0

您可以点击此处查看:

<img src="GemsIconGif.gif" width="42" height="42" alt="Test" style="border-color:Gray; border-bottom:1px; border-left:1px; border-right:1px; border-top:4px; border-width:5px; border-style: solid; border-radius: 15px 10px 6px 25px;"/> 

这里我给内联CSS,如:

border-radius: 15px 10px 6px 25px; 

检查Fiddle.

还要检查Div border Fiddle.