Внешняя граница в коде указана другим цветом, но перекрывается границами внутренних ячеек.
.sho_table-2 {
border: 1px solid #2a2b33;
border-collapse: collapse;
}
.sho_table-2 td {
border: 1px solid #e9e9ea;
line-height: 2em;
}
.sho_table-2 tr:hover {
background: #edeeee;
}
<table class="sho_table-2">
<tr>
<td> Производитель </td>
<td> Xiaomi </td>
</tr>
<tr>
<td> Синхронизация с устройством </td>
<td> WiFi + Blootooth 4.0 </td>
</tr>
<tr>
<td> Тип </td>
<td> Диагностические (SMART) </td>
</tr>
<tr>
<td> Вес </td>
<td> 1.9 кг </td>
</tr>
</table>
нужно, чтобы внешняя не перекрывалась.
Можно использовать outline или границу большей толщины, чем у ячеек.
.sho_table-2 {
outline: 1px solid red;
border-collapse: collapse;
}
.sho_table-2 td {
border: 1px solid #e9e9ea;
line-height: 2em;
}
.sho_table-2 tr:hover {
background: #edeeee;
}
<table class="sho_table-2">
<tr>
<td> Производитель </td>
<td> Xiaomi </td>
</tr>
<tr>
<td> Синхронизация с устройством </td>
<td> WiFi + Blootooth 4.0 </td>
</tr>
<tr>
<td> Тип </td>
<td> Диагностические (SMART) </td>
</tr>
<tr>
<td> Вес </td>
<td> 1.9 кг </td>
</tr>
</table>
Сборка персонального компьютера от Artline: умный выбор для современных пользователей