Удачи.
аюсь создать некоторый HTML / CSS, который может поместить рамку вокруг определенных строк в таблице. Да, я знаю, что на самом деле я не должен использовать таблицы для разметки, но я не знаю достаточно CSS, чтобы полностью заменить его.
В любом случае, у меня есть таблица с несколькими строками и столбцами, некоторые из которых объединены с рядами строк и столбцов, и я хотел бы поместить простую рамку вокруг частей таблицы. В настоящее время я использую 4 отдельных CSS-класса (вверху, внизу, слева, справа), которые прикрепляю к<td> ячейки, расположенные в верхней, нижней, левой и правой частях таблицы соответственно.
.top {
border-top: thin solid;
border-color: black;
}
.bottom {
border-bottom: thin solid;
border-color: black;
}
.left {
border-left: thin solid;
border-color: black;
}
.right {
border-right: thin solid;
border-color: black;
}<html>
<body>
<table cellspacing="0">
<tr>
<td>no border</td>
<td>no border here either</td>
</tr>
<tr>
<td class="top left">one</td>
<td class="top right">two</td>
</tr>
<tr>
<td class="bottom left">three</td>
<td class="bottom right">four</td>
</tr>
<tr>
<td colspan="2">once again no borders</td>
</tr>
<tr>
<td class="top bottom left right" colspan="2">hello</td>
</tr>
<tr>
<td colspan="2">world</td>
</tr>
</table>
</html>Есть ли более простой способ сделать то, что я хочу? Я пытался применить верх и низ к<tr> но это не сработало. (с. Я новичок в CSS, так что, вероятно, есть действительно простое решение, которое я пропустил.)
нота: Мне нужно иметь несколько разделов с границами. Основная идея состоит в том, чтобы иметь несколько ограниченных кластеров, каждый из которых содержит несколько строк.