среда, 6 февраля 2013 г.

как сделать декоративную рамку css

Теперь необходимо заняться замерами размеров, интересует четыре значения показанных на рис. 3. Это высота верхней границы, ширина правой, высота нижней и ширина левой границы. Размеры указываются в процентах от размера картинки или в пикселах, что проще.

Рис. 2. Линия из повторяющихся фрагментов

Рис. 1. Изображение для создания рамкиКартинка рамки должна состоять из девяти фрагментов, это четыре уголка, четыре стороны и центральная часть. При этом рисунок сторон должен быть повторяемым, это значит, что при стыковке двух таких рисунков между ними не было видно зазоров. На рис. 2 показана горизонтальная линия полученная повторением нескольких элементов, которая воспринимается как единая.

Предварительно следует подготовить нужную картинку, она представляет собой типовую рамку (рис. 1).

Рисованные декоративные рамки делаются с помощью изображений, при этом предварительно рамку разбивают на ряд фрагментов, а затем выводят их в виде фонового рисунка. Этот процесс можно сильно упростить, если воспользоваться свойством border-image, с его помощью легко управлять видом и настройками декоративной рамки.

Опубликовано: 06.10.2011Влад Мержевич

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

Используется для отображения рисованной рамки вокруг элемента.

Комментариев нет:

Отправить комментарий