Для сборки представления таблицы CSS определяет шесть отдельных слоев, в которых размещаются различные части таблицы. В сущности, стили каждой части таблицы применяются к отдельным слоям. Таким образом, если элемент table имеет зеленый фон и черную рамку шириной один пиксел, эти стили отрисовываются на самом нижнем слое. Любые стили для групп столбцов применяются к следующему слою, сами столбцы располагаются в слое, находящемся над ним, и т. д. Самый верхний слой, соответствующий ячейкам таблицы, отрисовывается последним.

В значительной мере это просто логический процесс; кроме того, если для ячеек таблицы объявляется фоновый цвет, то его, наверное, имеет смысл отрисовывать поверх фона элемента table. Самое важное – стили столбцов располагаются под стилями строк, поэтому фон строки будет перекрывать фон столбца. Важно помнить, что по умолчанию фон всех элементов прозрачный. Таким образом, в следующей разметке фон элемента table будет просматриваться сквозь ячейки, строки, столбцы и т. д. – все, что не имеет собственного фона:

<table style="background: #888;">
<tr>
<td>hey</td>
<td style="background: #CCC;">there</td>
</tr>
<tr>
<td>what's</td>
<td>up?</td>
</tr>
<tr style="background: #AAA;">
<td>tiger</td>
<td style="background: #CCC;">lilly</td>
</tr>
</table>

Добавлено: 19 Июля 2018 07:30:56 Добавил: Андрей Ковальчук Нравится 0

Добавить