角丸をIE8以下でも利用できるようになる「border-radius.htc」の使い方と注意点
border-radius のサンプル1
まずは四隅を 10px
に設定したオーソドックスな border-radius
のサンプルです。
border-radius のサンプル
border-radius のサンプルです。
border-radius のサンプル2
サンプルコード
次に、四隅の半径 5px 10px 20px 30px
とそれぞれ変えてみました。
が、正常に反映されませんので注意してください。(左上の角の半径 5px が優先されるようです)
border-radius のサンプル
border-radius のサンプルです。