- ベストアンサー
CSSでの枠線付きの丸角ボックスの作り方
テーブルタグを使わずに CSS で枠線付きの丸角ボックスを作成するには、どのようにしたらいいでしょうか。 ・背景色 #FFFFFF ・前景色 #FFFFFF ・枠線色 #CCCCCC ・枠線の太さ 1px ・丸角の半径 5px ・ボックスの横幅は固定ではなくパーセントで指定したい。 よろしくお願いします。
- osakan_budi
- お礼率63% (19/30)
- HTML
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
現状では、Mozilla系のブラウザででしか通用しないけど、CSS一行書き足すだけできます。 http://allabout.co.jp/internet/hpcreate/closeup/CU20050322A/ 将来、CSS3では角を丸くする設定が実装されるようです。 あとは4隅（角丸）の画像を用意して、それを表示させるか。 基本的な考え方はテーブルでやるのとほぼ同じです。 http://www.7korobi8oki.com/mt/archives/000075.html 画像を使わずに、JavascriptとCSSだけでやる方法もあるようですが、ソース見るだけでいやになります。 http://blog.3ot.net/design/css/20070111200407.html
お礼
> あとは4隅（角丸）の画像を用意して、それを表示させるか。 この方法でいけました。 素晴らしいです。 どうもありがとうございました。