CSS3では、border-radiusプロパティを使う事で角丸を表現する事ができます。 この方法を少し詳しく調べてみました。 .radius{ border-radius: 10px; /* CSS3草案 */ } ここの10pxとは角丸の半径の大きさとなります。 ただし、現在のところはCSS3はまだ草案なので、 Safari、Google Chrome では -webkit-border-radius、 Firefox では -moz-border-radius と指定します。 Safari、Chorme用(-webkit-border-radius) 4辺を一括指定する場合は以下のように書きます。 .webkit1{ -webkit-border-radius: 10px; /*一括指定*/ } 4辺を個別に指定する場合は以下のように書きます。 .webkit2{ -webkit-b
![CSSで角丸を表現する方法をちょっと詳しく書いてみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/39427b817d428047ab3fd0f2447be944654c9e88/height=288;version=1;width=512/https%3A%2F%2Fdesign-spice.com%2Fwp%2Fwp-content%2Fuploads%2F2010%2F04%2Fimg_noImage1.jpg)