jmblog.jp - 角丸にチャレンジ - GIF画像＋CSS編もはや「Web2.0デザイン」といえば外すことが出来ない角丸（Rounded Corners）。実現させるにはいろいろな方法がありますが、今回は CSSで角をもっと丸くする方法いろいろ - GIGAZINE で紹介されている方法にチャレンジしてみました。 » More Rounded Corners with CSS - Schillmania.com まずは、利用する角丸の画像を作成。Fireworks でやってみます。 角丸矩形で横幅が1600pxぐらいの角丸矩形を描画します。 スライスツールを使って以下のように6つのスライスを作成します。 [最適化]パネルで書き出すファイル形式を「GIF」にして、書き出しを実行します。すると、6つのGIFファイルが作成されます。 これで画像の用意ができました。次に HTML と CSS です。
A Handy CSS Debugging Snippet
