表組みのCSS記述
(1)テーブル全体への設定
table {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-collapse: collapse;
}
● border-collapse:1本の線を折りたたむ(角が離れたりしない)
※ブラウザの初期設定「separate」によるずれを防ぐため「collapse」を記述します。
(2)ヘッダとセルの設定
th, td {
font-size: x-small;
padding: 5px;
}
(3)見出しセルの設定
td {
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
}
(4)ヘッダセルの設定
th {
color: #ffffff;
background: #000000;
border-left: 1px solid #ffffff;
}
● th:見出しセル