HOME
HTML と CSS を始められる方を対象とした HTML/CSS 入門です。HTML/CSS における記述方法をサンプルコードと一緒に学習します。
テーブルの罫線を変更するには、CSS の border
、または border-top
、border-right
、border-bottom
、border-left
プロパティで定義します。
border: 太さ 形状 色
border-top: 太さ 形状 色
border-right: 太さ 形状 色
border-bottom: 太さ 形状 色
border-left: 太さ 形状 色
線の太さは、数値と単位で指定します。単位には px
が主に使われます。
線の形状は、solid
(実線)、dotted
(点線)、dashed
(少し長い点線)、double
(二重線) などがあります。線を引かない場合は none
を指定します。
<table>
<caption> 表のタイトル </caption>
<thead>
<tr>
<th> 見出しセル </th>
</tr>
</thead>
<tbody>
<tr>
<td> データセル </td>
</tr>
</tbody>
</table>
table{
border: 2px solid #7facc9;
}
thead th{
border-bottom: 2px solid #7facc9;
}
tbody td{
border-bottom: 1px dashed #cccccc;
}