CSS で border に角丸を付ける
2009年11月26日 | CSS | No Comments |
CSS3 から導入された「border-radius」を使うと、画像や JavaScript を使用せずに、CSS だけで角丸が実装できます。
今現在「border-radius」に対応しているブラウザは、Firefox, Safari, Google Chrome のみです。
一気に角丸の大きさを変更する場合
.ExampleClass {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}