Таблица без рамки
А можно сделать таблицу и вовсе без рамки. Для этого не нужно использовать ни вложенных таблиц, ни других трюков. Достаточно просто обнулить атрибут border и установить cellspacing равным желаемому просвету между ячейками. Теперь нужно закрасить все ячейки в желаемый цвет и - пожалуйста:
<table width="368" cellpadding="0" cellspacing="1" border="0"> <tr> <td bgcolor="#e0e0e0">1-1</td> <td bgcolor="#e0e0e0">1-2</td> <td bgcolor="#e0e0e0">1-3</td> <td bgcolor="#e0e0e0">1-4</td> </tr> . . . . . . . . . </table>
| 1-1 | 1-2 | 1-3 | 1-4 |
| 2-1 | 2-2 | 2-3 | 2-4 |
| 3-1 | 3-2 | 3-3 | 3-4 |
| 4-1 | 4-2 | 4-3 | 4-4 |
Как видите, мы можем достаточно сильно менять внешний вид таблицы при помощи стандартных средств HTML 3.2. Варьируя толщину рамки, ее цвет, цвет текста, цвет подзаголовков и расстояние между ячейками, мы можем сделать практически любую таблицу. Главное - экспериментировать и тогда можно придумать совсем уж экзотические варианты.
Назад | Содержание | Вперед
