角を丸くする

質問

http://www.avexnet.or.jp/ai/
このページのように枠の角を丸くしたいのですがどうすればいいでしょうか。テーブルにして角にまるい画像の1/4を入れるパターンを思いつましたがもっといい方法があれば教えてください。よろしくお願いいたします。スライス使えますが、スライスのほうがいいですか。

回答No.3

LAIT2 · ベストアンサー

#1さんや、#2さんは、テーブルタグで、角が丸いのを作れるといっていますが、テーブルタグは、デザインのために使用してはいけません。
なぜなら、古いブラウザで、CSSに対応していないブラウザだと、レイアウトが崩れてしまい、Netscape 4では、CSSのバグが多いためです。また、テーブルタグを多用すると、古いブラウザ・OSの場合、ブラウザクラッシャー（通称：ブラクラ）になってしまうので、あまりお勧めできません。

では、どうすればいいのでしょうか。
本当なら、角が丸いのを作らないほうが一番ましなのですが、海外のサイトで、画像を使わずに、角をCSSだけで丸くしている例があります。

http://www.html.it/articoli/nifty/index.html

しかし、Bタグが多用されていることから、W3Cの文法には、反していることになります。

参考URL：

http://www.html.it/articoli/nifty/index.html

お礼

ありがとうございました。

回答No.2

akinaga

テーブルと角の丸い画像を使うとできます。
下のURLを参考にしてみてください。

参考URL：

http://atp.boo.jp/act/html/04.html

回答No.1

katharsis_cello

角の丸い画像をスタイルシートで背景画像に指定しましょう。