Оформление таблиц на веб-страничке

Главная » Уроки » Веб-дизайн

Оформление таблиц на веб-страничке

Таблица без рамки

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

А чтобы таблица выделилась на фоне веб-странички, для нее следует установить конкретный цвет фона. При этом цвет заголовка может задаваться произвольным путем. Для того, чтобы изменить цвет фона, следует воспользоваться атрибутом background, добавив его к имеющемуся селектору TABLE.

Обычная таблица

Она характеризуется тем, что для неё не выполняется какое-либо цветовое решение. Визуальное разделение произвольного количества блоков данных осуществляется посредством создания линий.

Для непосредственного выполнения линий следует воспользоваться стилевыми свойствами border-bottom и border-top. Именно они создают линию конкретной толщины снизу и сверху от каждого элемента. Используя данные параметры в селекторе TABLE, можно получить необходимый вид создаваемой таблицы.

Объемная таблица

Достичь эффекта объемности таблицы можно при единовременном применении темных и светлых тонов в ячейках либо самой рамке. Вдобавок, при этом возникает ощущение, будто таблица выступает прямо над фоном web-странички.

Толщина любой трехмерной рамки может регулироваться посредством использования атрибута border тега <TABLE>. Кстати, при этом будет меняться только внешняя граница создаваемой таблицы, а толщина линий, расположенных внутри этой таблицы, остается неизменной.

Решил вывести свой бизнес в Интернет? Лучшим способом будет создание сайтов на 1С Битрикс в веб-студии АКРИТ, которая находится по адресу www.acrit-studio.ru.

Категория: Веб-дизайн; Урок сделан: 09.12.2011; Просмотров : 935; Рейтинг : 0.0/0;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]





http://премьер-бас.рф/ тюнинг автобуса и салона микроавтобуса.
Copyright © 2010 - 2017 Pro100uCoz.ru