#RoundBox{ width: 25em; margin: 2px 0 3px 3px; } #RoundBox .Header { font-size: 16px; color: #004040; font-weight: 600; text-align: center; border-color: #CCEEAA; border-style: solid; border-width: 0 6px 0 6px; margin: 0; padding: 6px; } #…

<DIV id="RoundBox"> <DIV> <DIV class="rb1"></DIV> <DIV class="rb2"></DIV> <DIV class="rb3"></DIV> <DIV class="rb4"></DIV> <DIV class="rb5"></DIV> </DIV> <DIV class="Header">角を丸くしたボックス</DIV> <DIV> <DIV class="rb5"></DIV> <DIV class="rb4"></DIV> <DIV class="rb3"></DIV> <DIV class="rb2"></DIV> </div></div>

TABLE要素 ・ DIV要素 レイアウトの為にTABLE要素を使用するのは良くないと聞きます。 ＜反省点＞ TABLE要素を使って画面を一つのテーブルで囲み、レイアウト(画面構成)を行っていた。 ＜答え？＞ レイアウトはDIV要素＋CSSにて行うようにする。 ＜反省した…