Дайте этот код, чтобы сделать изображение границы вокруг ячеек.Можно ли заставить границу между ячейками показывать только одну границу?А также, что красные квадраты находятся только на углах стола, а не на каждом углу клетки.(как если бы отображалась обычная таблица, но строки заменялись изображениями квадратов)
Если для этого выходит решение, использующее внешний библиотека или jquery, просто дайте мне знать.
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border: 0; /* reset */
border-color: transparent;
border-style: solid;
border-width: 25px;
-moz-border-image: url(https://www.w3schools.com/cssref/border.png) 27 round;
-webkit-border-image: url(https://www.w3schools.com/cssref/border.png) 27 round;
-o-border-image: url(https://www.w3schools.com/cssref/border.png) 27 round;
border-image: url(https://www.w3schools.com/cssref/border.png) 27 fill round;
}
<table class="table table-bordered">
<thead>
<tr>
<th>Foo</th>
<th>Bar</th>
<th>Lols</th>
</tr>
</thead>
<tbody>
<tr>
<td>
something here
</td>
<td>
whatever
</td>
<td>
6,0% / 12% wag.
</td>
</tr>
</tbody>
</table>