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


Индивидуальные стили границ


В приведенных выше примерах границы выводятся вокруг всех четырех сторон таблицы. Однако можно определить индивидуальное оформление для отдельных сторон. С помощью свойств border-top, border-bottom, border-left, и border-right можно выборочно задавать границы вокруг таблицы. Например, таблица на рисунке 8.5 выводит только верхнюю и нижнюю границы с помощью таблицы стилей, заданной на листинге 8.10.

<style type="text/css"> table {border-top:outset 5px; border-bottom:outset 5px} td {border:inset 1px} </style>

Листинг 8.10. Таблица стилей для верхней и нижней границ таблицы (html, txt)

Таблица с верхней и нижней границами

Рис. 8.5.  Таблица с верхней и нижней границами




Начало  Назад  Вперед



Книжный магазин