テーブルのレイアウト
テーブルに枠線とマージン・パディングを適用させる方法についての説明です。
.tablebox {
border: 2px solid skyblue;
border-collapse: collapse;
margin: 1em 0;
padding: 0.5em 1em 0.7em 1em
}
<table class="tablebox">
<tr>
<td class="tablebox">ジラーチ</td>
<th class="tablebox">ジラーチかわいい</th>
<td class="tablebox">ジラーチかわいい</td>
</tr>
<tr>
<td class="tablebox">ジラーチ</td>
<td class="tablebox">ジラーチかわいい</td>
<td class="tablebox">ジラーチかわいい</td>
</tr>
</table>
ジラーチ | ジラーチかわいい | ジラーチかわいい |
---|---|---|
ジラーチ | ジラーチかわいい | ジラーチかわいい |
ジラーチ | ジラーチかわいい | ジラーチかわいい |
---|---|---|
ジラーチ | ジラーチかわいい | ジラーチかわいい |