Многие спрашивают, как сделать рамочку с круглыми углами?
ЕгороваТатьяна уже разьясняла,как это делается: тут
Немного дополню её, в своём маленьком уроке
По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.
Рассотрим,из чего же состоит наша формула
Это часть нашей формулы, один "контейнер" (их может быть несколько)
"div style" - блочный элемент стилей "box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение) "border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый) "border-radius" - радиус скругления углов Радиус скругления углов,можно задавать как 1 значением (для всех улов), 2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла) "padding" - внутренний отступ в элементе "background-image" - фоновая картинка (адрес фоновой картинки) "width" - ширина рамки (может быть выражена в % или же в px)
могут встречаться атрибуты:
"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome, "-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox, "box-shadow" - для отображения во всех остальных браузерах.
Вставив свои параметры и адрес картинки получаем такую картинку "контейнер":
Далее к этому контейнеру, подставляем ещё один, такой же, только с атрибутами текста и получаем КОД РАМКИ: В атрибуте background-image:url(‘ ‘) вставляете ссылку на свою картинку, будьте внимательны, не удаляйте маленькие одиночные ковычки перед и после адреса картинки!
Изменяя значения "border-radius",можно построить интересные формы
Рассмотрим несколько примеров создания рамок :
Код рамки:
Ваш текст
http://www.liveinternet.ru/users/semenova_irina/post322337871/