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

       

Цвет границ таблицы


Представление цвета границы зависит от стиля границы. Ниже показаны примеры различных стилей границы, выведенные красным цветом.

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

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


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

Можно создавать свои собственные 3-D эффекты затенения, оформлять каждую из сторон различным образом, используя цвета для border-top, border-right, border-bottom, и border-left. Следующие таблицы создают свои собственные 3-D эффекты с помощью сплошных границ (solid), подкрашенных, чтобы напоминать стили inset и outset. Примененные для этих двух таблиц стили показаны на листинге 8.18.


Рис. 8.14.  Граница таблицы с 3-D эффектами, использующими цвета границы

<style type="text/css"> <!-- Inset Style --> table {border:solid 7px; border-top-color:#FEB9B9; border-right-color:#B22222; border-bottom-color:#B22222; border-left-color:#FEB9B9} table td {border:inset 1px} </style>

<style type="text/css"> <!-- Outset Style --> table {border:solid 7px; border-top-color:#B22222; border-right-color:#FEB9B9; border-bottom-color:#FEB9B9; border-left-color:#B22222} table td {border:inset 1px} </style>

Листинг 8.18. Код таблицы стилей для таблиц с индивидуальными цветами границы (html, txt)



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