画像を使わない方法はかなり面倒なので
→http://www.stylish-style.com/csstec/ultimate/no-image-roundbox.html
でも多分、画像使ってテーブル組んじゃった方が圧倒的に簡単
<table cellspacing="0" cellpadding="0" border="0">
<tr><td style="width: 16px; height: 16px;"><img src="左上角画像url"></td><td style="background-color: #ff0000; width: 400px; height:16px;"></td><td style="width: 16px; height: 16px;"><img src="右上角画像url"></td></tr>
<tr><td style="background-color: #ff0000; width: 16px;"></td><td style="background-color: #ff0000; width: 400px;">本文テキストをここに入れれば出来ます<br>こんな感じ</td><td style="background-color: #ff0000; width: 16px;"></td>
<tr><td style="width: 16px; height: 16px;"><img src="左下角画像url"></td><td style="background-color: #ff0000; width: 400px; height:16px;"></td><td style="width: 16px; height: 16px;"><img src="右下角画像url"></td></tr>
</table>
角丸の画像は16×16ピクセルを想定。
style部分は<head></head>に書き出してやった方がいいですが、省略。
個人的に、こういうレイアウト目的のテーブルは好ましくないのですが。。。
CSSでは駄目でしょうか。
→http://color.sub.jp/Layout/Sample.html
投稿日時 - 2007-01-17 20:39:06
0人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（4件中 1～4件目)
私ならJSで実現します。
http://phpspot.org/blog/archives/2006/04/javascript_8.html
表として用いた table 要素に対して id 属性を指定すれば可能です。
table 要素を用いて丸角を表現しようと考えるのは好ましくありません。
投稿日時 - 2007-01-17 23:24:37
http://www.google.co.jp/search?q=css3%20%E8%A7%92%E4%B8%B8&hl=ja&lr=lang_ja
投稿日時 - 2007-01-17 20:36:53
