Объемные (выпуклые) заголовки довольно эффектны на веб-страницах. Зачастую
они создаются как графические файлы, которые вставляются в HTML-документ
с помощью тега <IMG>. Однако во многих случаях более экономичным является
решение, основанное на использовании таблиц стилей.
Идея создания объемного заголовка довольно проста: достаточно несколько надписей
с одинаковыми содержанием наложить друг на друга с некоторым сдвигом
по координатам. Потребуются как минимум две такие надписи. Одна из них предназначена
для создания эффекта тени (задний план), а вторая располагается над
первой. Можно использовать еще одну такую надпись для создания эффекта подсветки.
С эстетической точки зрения наилучший эффект достигается путем подбора
цветов надписей (игрой света и тени) с учетом цвета фона. С технической
точки зрения нужный эффект получается применением таблиц стилей.
Приведем пример HTML-документа, в котором объемный заголовок создается
с помощью трех наложенных друг на друга надписей . Таблица
стилей определяется для тега абзаца <Р>. В данной таблице задаются цвет и параметры
шрифта надписей. Позиционирование надписей производится параметрами
атрибута STYLE контейнерных тегов <DIV>, в которые заключены теги абзаца.