border:***;

borderは上下左右の境界線の書式を一括で指定するプロパティです。

このプロパティをtable、td、th要素に設定をすると、その要素に境界線をつけることができます。

table{
  border:2px solid #ff0000;
}

td.sample{
  border:2px solid #0000ff;
}

▼HTML

<table>
 <tr>
  <th>見出し</th>
  <th>見出し</th>
  <th>見出し</th>
 </tr>
 <tr>
  <td>表全体には</td>
  <td>2px solid #ff0000;が</td>
  <td>設定されていますが、</td>
 </tr>
 <tr>
  <td class="sample">このtd要素には</td>
  <td class="sample">2px solid #0000ff;が</td>
  <td class="sample">設定されています。</td>
 </tr>
</table>

▼表示