今、仕事で Web で使う画像を作っている。
アイコンやらボタンやら、こまごまとしたパーツ類。
四角いものなら CSS で作ってしまった方が早かったりするんだけど、丸いものとなると画像を使う方が楽ちんだ。
楽とは言っても、それなりに気を使う。
ジャギーが目立たないようにしたり、フォントサイズによってレイアウトが変わっても大丈夫なようにアレヤコレヤしたり、と面倒な事が満載だ。

で期待されるのが、時期 CSS でサポートされる border-radius。
現在、Mozzila 系ブラウザが独自拡張で -moz-border-radius が使えるようになっているけど、IE は Ver.7 からサポートされる・・・の・・・かな？

うちで試してみたら、すごい簡単。
簡単過ぎて鼻水が出た。

↑の CSS は
↓こんな感じ。

padding: 1em;
line-height: 120%;
color: #ffffff;
background-color: #669900;
border: double 3px #ffffff;
border-radius: 20px;
-moz-border-radius: 20px;

ねー、たったコレだけ。

今シコシコ作っている Web も、数年後には
「丸角作るのに画像使ってやんの （ ´,_ゝ｀）ﾌﾟｯ」
なんて時代が来るんだろうなー。
スペーサー画像とか、テーブルレイアウトとかと同じように。