Pамочки с разрывом и с закругленными углами.
 

Как сделать рамочку с разрывом, я знаю, в моём дневнике есть.
Но хотелось найти код рамочки с разрывом и с закругленными углами.
НАШЛА! И снова меня выручила Егорова Таня!
Полностью урок можно прочитать на этой странице, так как я взяла из урока лишь то, что меня интересовало, что не доставало в моем дневничке...

ИТАК:

Рамочка с тенью

Вот код -"скелетик" рамочки с разрывом и закругленными углами, где можно менять ее цвет, толщину, ширину и крутизну-закругленность углов на свои значения.
<fieldset style="width:ШИРИНАpx;border:ТОЛЩИНАpx#ЦВЕТ solid ; padding:20px; border-radius:УГОЛpx;box-shadow: 0px 0px 20px #000000;"><br /> <legend align="center"><img data-cke-saved-src="КАРТИНКА" src="КАРТИНКА" /></legend>Здесь будет Ваш текст</fieldset>

Выглядит этот код вот так.

1. ШИРИНА в пикселях. Примерно до 650. Можно и больше, но лучше до 650.

2. ТОЛЩИНА в пикселях. Минимальное значение 1.

3. ЦВЕТ рамочки. 6 знаков цвета. Например черный 000000, белый ffffff, золотистый fff799.

4. УГОЛ. Закругленность углов в пикселях. Если хотите оставить угол прямым, то вместо слова УГОЛ поставьте цифру ноль. Чем выше цифра, чем больше закругленность.

5. КАРТИНКА. Сюда вставляете URL нужной картинки. Желательно маленькой.

6. ТЕНЬ. Можете оставить так как есть. А можно поэкспериментировать и вместо нолей перед цифрой 20 поставить значения выше и посмотреть что изменится. Цифру 20 тоже можно изменить на другую. Вместо 6 нолей (так обозначается черный цвет тени) после знака # можете поставить значение нужного цвета тени.
Если вы везде поставите ноль px, то тень исчезнет.

ВИДЫ БОРДЮРОВ (наглядно можно посмотреть ЗДЕСЬ и ЗДЕСЬ:)

solid - рамка из сплошной линии;

dotted - точечная линия;

dashed - пунктирная линия;

double - рамка из двойной сплошной линии;

groove - вдавленная линия;

ridge - выпуклая линия;

inset - вся рамка кажется вдавленной;

outset - вся рамка кажется выпуклой.

<legend align="left"> - разрыв с картинкой слева;

<legend align="right"> - разрыв с картинкой справа;

<legend align="center"> - разрыв с картинкой по цeнтру

Серия сообщений " - Делаем рамочки для текста ":

Часть 1 - Рамочки с прокруткой текста.
Часть 2 - РАМОЧКИ ВОКРУГ ТЕКСТА (С РАЗРЫВОМ)
Часть 3 - Pамочки с разрывом и с закругленными углами.
Часть 4 - Рамочка для текста с анимированнымфоном без помощи ФШ
Часть 5 - Делаем рамочку для текста без ФШ.
...
Часть 20 - ДОПОЛНЕНИЕ k части №19 (делаем рамочки)
Часть 21 - Объемные рамки разной конфигурации. Без фотошопа!
Часть 22 - Рамка с круглыми углами. Без фотошопа!