<p>border-collapse: collapse</p>
<table class="collapse">
  <tr>
    <th>Заголовок</th>
    <th>Заголовок</th>
    <th>Заголовок</th>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
</table>
<br>
<p>border-collapse: separate</p>
<table class="separate">
  <tr>
    <th>Заголовок</th>
    <th>Заголовок</th>
    <th>Заголовок</th>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
  <tr>
    <td>Клітинка</td>
    <td>Клітинка</td>
    <td>Клітинка</td>
  </tr>
</table>
table {
  border: 1px solid #666;
/*   border-collapse: collapse; */
  width: 100%;
}
.collapse{
  border-collapse: collapse;
}
.separate{
    border-collapse: separate;
}
p{
  text-align: center;
  font-size: 18px;
}
td, th {
  border: 1px solid #666;
  padding: 16px;
  text-align: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.