ワイズリマインダー

tableの装飾

ボーダーで色を付けるのではなく、
テーブルの背景に色を付ける

あああ いいい
ううう えええ
<table id="table"><tbody>
 <tr>
  <th>あああ</th>
  <td>いいい</td>
 </tr>
 <tr>
  <th>ううう</th>
  <td>えええ</td>
 </tr>
</tbody></table>
#table{
  border-spacing:1px;
  background-color:#4d4d4d
}
#table > tbody > tr > th{
  padding:6px;
  background-color:#e6e6e6;
  color:4d4d4d;
}
#table > tbody > tr > td{
  padding:6px;
  background-color:white;
  color:#000000;
}

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください