どうも！LSSです！！
今までさんざんborder-radiusを使っていましたが、今さらになって新たに見つけた事がありました！！
ほんと今更ｗｗｗ
サンプル
かなり今更感がありますが、border-radius（角丸）って縦横別々に指定できるんですね！
そうすると、こんな変わった形状の枠も作れます^^
コード
<p style="background-color: #eedddd; border-radius: 35%/20px; padding: 25px;">
かなり今更感がありますが、border-radius（角丸）って縦横別々に指定できるんですね！<br /><br />
そうすると、こんな変わった形状の枠も作れます^^
</p>
border-radiusの指定の中に「/」（スラッシュ）を入れると、「角丸の横半径/角丸の縦半径」を別々に指定できるんですね。
これにより、あまり見かけない形状のボックスを作る事ができます^^
その他サンプル
こんな、いびつな形も。
コード
<p style="background-color: #eedddd; border-radius: 10% 35% 10% 35%/35% 10% 35% 10%; padding: 25px; border: 10px double #ddccee;">
こんな、いびつな形も。<br /><br /><br /><br /><br /><br />
</p>
なにかの画面のような形状
コード
<p style="background-color: #333333; border-radius: 20px/35%; padding: 25px; border: 10px double #ddddee; color: #eeeeee;">
なにかの画面のような形状<br /><br /><br /><br /><br />
</p>
ちと駆け足で記事にしてみましたｗ
まだ書きようによっては面白い形状の枠が作れそうですね^^
ってなとこで、今回はこのへんで！
次回もまた、よろしくお願いします^^
