2012-01-24 6 views
1

私は以下のCSSプロパティで1つのdivを作成しました。Css3 divコーナーの1つが内側にある

<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; } 

上記のコードは、コーナーの一つは、すなわち、角部が内側から来るべきである内方になりたいnormally.I隅々とDIVを作成します。

答えて

2

このような意味ですか?

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

あなたはここにCSSコードを見つけることができます。

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

+0

Exactly.Thanks.Isをこれは私があれば知らない – user521024

+1

また、IEで動作しますIE上で動作するかどうかは関係ありません。おそらくIE9では、IE6/7/8でも動作するのではないかと思う。とにかく、コード** [here](http://jsfiddle.net/leaverou/EjE7c/light/)**を見つけることができますので、あなた自身でテストすることができます。 –

+0

サファリでも動作しないため、必要な結果を得るための他の方法。 – user521024

関連する問題