set style="width:600px;border:3px #fff799 solid; padding: 20px; border-radius: 30px;box-shadow: 0px 0px 20px black;">Как сделать рамочку с разрывом, я знаю, в моём дневнике есть.
Но хотелось найти код рамочки с разрывом и с закругленными углами.
НАШЛА! И снова меня выручила Егорова Таня!
Полностью урок можно прочитать на этой странице, так как я взяла из урока лишь то, что меня интересовало, что не доставало в моем дневничке...
ИТАК:
Вот код -"скелетик" рамочки с разрывом и закругленными углами, где можно менять ее цвет, толщину, ширину и крутизну-закругленность углов на свои значения.
Выглядит этот код вот так.
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нтру