見出し1(th)
見出し2(th)
見出し3(th)
1の内容(td)
2の内容(td)
3の内容(td)
HTML 5
css
table{ width:600px; /* ボーダーを重ねて表示collapse、空ける場合separate */ border-collapse:collapse; } th{ width:200px; padding:5px; text-align:center; color:#555555; background-color:#eeeeee; border: 1px solid #bbbbbb; } td{ padding:5px; text-align:left; color:#333333; background-color:#ffffff; border: 1px solid #bbbbbb; }
html
<table> <tr> <th>見出し1(th)</th> <th>見出し2(th)</th> <th>見出し3(th)</th> </tr> <tr> <td>1の内容(td)</td> <td>2の内容(td)</td> <td>3の内容(td)</td> </tr> </table>