Как сделать рамки в таблице html

<table>
  <tr>
    <th>Наименование</th>
    <th>Кол-во</th>
  </tr>
  <tr>
    <td>Груши</td>
    <td>10</td>
  </tr>
  <tr>
    <td>Яблоки</td>
    <td>7</td>
  </tr>
  <tr>
    <td>Мандарины</td>
    <td>5</td>
  </tr>
</table>

table, td, th {
  /* задаем границу для всех элементов */
  border: 3px solid #245488;
}

td, th {
  /* делаем отступ в ячейках, выставляем выравнивание текста */
  padding: 10px 20px;
  text-align: center;
}

table, td, th {
  border-collapse: collapse;
  border: 3px solid #245488;
}