2015-04-14 88 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.