Блог

Мне было интересно, как получить строки такого типа в таблице

Когда я пытаюсь присвоить <table> свойству «border right», это приводит к разрыву пространства между каждой ячейкой.

правая граница: 2 пикселя сплошного серого цвета ;

HTML

 <tr class="bordered">
  

CSS

 .bordered
{
  border-right: 2px solid gray ; 
}
  

замените серый на любой желаемый цвет, например #cccccc

Вы хотите что-то похожее на этот пример

 .td
{
border-right: #ccc 1px solid;
}
  

Я думаю, то, что вы ищете, — это вертикальное правило. Html имеет горизонтальное правило

 <hr>    
  

Однако в ней нет вертикального правила. Однако вы можете добиться этого с помощью небольшого количества css. Например

  <div style="border-left:1px solid #000;height:500px"></div>