角丸を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 のサンプルです。