|
|
|
|
Текст в рамке со
скругленными углами. |
|
|
|
|
Таблица 1. |
|
Верхний левый угол |
|
Верхний правый угол |
|
Нижний правый угол |
|
Нижний левый угол |
|
Верхняя граница |
|
Нижняя граница |
|
Левая граница |
|
Правая граница |
Чтобы сделать такую или подобную рамочку
необходимо заготовить 8 изображений: 4 для углов и
по одному для каждой стороны. Как рисовать
скругленные углы в фотошоп я уже писал (тут и тут), так что, это не
должно вызвать у вас затруднений. В данном случае
я нарисовал изображения, приведенные в Таблице 1.
Теперь создадим таблицу, которая должна
содержать 3 строки и 3 столбца, примерно так:
В угловые ячейки ставим изображения углов, в
центральной устанавливаем цвет фона,
соответствующий цвету фона наших картинок (в
дальнейшем, в этой ячейке будет содержимое рамки).
В оставшихся ячейках устанавливаем
соответствующее фоновое изображения (можно
установить атрибуты фона background-repeat,
о которых я писал.
Подумайте какие значения здесь подойдут).
Изображения сторон задаются в качестве фона
для того, чтобы мы могли безболезненно вставлять
любое содержание в центральную ячейку, не глядя
на изменение ширины или высоты. А углы
установлены в качестве изображения, чтобы не
мучаться в дальнейшем с заданием ширины и высоты
угловых ячеек.