テーブルセルの内側に1pxの線を表示

html

qiita.html

<table cellspacing="1" class="data">
    <tr>
        <th>
            見出し1
        </th>
        <td>
            データ1
        </td>
    </tr>
    <tr>
        <th>
            見出し2
        </th>
        <td>
            データ2
        </td>
    </tr>
</table>

css

qiita.css

table.data {
  width: 600px;
  border-spacing: 1px;
  background: #999;
}

table.data th,
table.data td {
  padding: 5px;
}

table.data th {
  width: 20%;
  border: 1px solid #FFF;
  background: #EEF1F4;
}

table.data td {
  width: 80%;
  background: #FFF;
}