Основы работы с XHTML и CSS

       

Стили границ таблицы


Любой из стилей границы, которые были введены ранее, можно применить к внешней границе таблицы. Рисунок 8.4 показывает примеры стилей границы, общий код которых в общем виде представлен на листинге 8.9.

<style type="text/css"> table {border:style 5px} td {border:inset 1px} </style>

Листинг 8.9. Общий код таблицы стилей для границ таблицы (html, txt)

Стиль границы (style) определен на рисунке 8.4 для каждой таблицы. Таблица стилей использует общий формат {border:style size} для всех стилей границы.


увеличить изображение
Рис. 8.4.  Варианты оформления границы таблицы

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



Содержание раздела