Это цитата сообщения tomishka Оригинальное сообщение

Снова о простейших рамочках.

Рамочка со светлым фоном, имеет две тени (внешнюю и внутреннюю). Код цвета фона c3e6f5, причем фон задается сразу и для внутренней, и для внешней части. Для получения рамочки другого цвета достаточно заменить только код цвета фона, оставив остальное без изменений.

Здесь будет ваш текст

<center><table style="background-image: url(''); background-color: #c3e6f5; border-radius: 20px; box-shadow: 0px 0px 3px 3px #ffffff inset ,0px 0px 10px 0px #000000;" cellpadding="0" cellspacing="0"><tr><td style="padding:30px"><table style="background-image: url(''); background-color: #; box-shadow: 0px 0px 10px #000000;" cellspacing="0" cellpadding="0" width="650"><tr><td style="padding: 5px" zzz="zzz" align="center"><fieldset style="border: solid 2px #; padding: 5px;"><center><font size="5" color="#000000" face="Monotype Corsiva">Здесь будет ваш текст</font></center></fieldset></td></tr></table></td></tr></table></center>

Можно ли такую рамочку как-то "облагородить"? Да, можно. Тени и цвет текста у нас черные, код из шести нулей стоит у нас после решетки в трех местах, значит, если мы сделаем тень под цвет нашего фона, рамочка будет выглядеть лучше. Возьмем код 6198af, и в трех местах вставим его вместо нулевых кодов.

Здесь будет ваш текст

<center><table style="background-image: url(''); background-color: #c3e6f5; border-radius: 20px; box-shadow: 0px 0px 3px 3px #ffffff inset ,0px 0px 10px 0px #6198af;" cellpadding="0" cellspacing="0"><tr><td style="padding:30px"><table style="background-image: url(''); background-color: #; box-shadow: 0px 0px 10px #6198af;" cellspacing="0" cellpadding="0" width="650"><tr><td style="padding: 5px" zzz="zzz" align="center"><fieldset style="border: solid 2px #; padding: 5px;"><center><font size="5" color="#6198af" face="Monotype Corsiva">Здесь будет ваш текст</font></center></fieldset></td></tr></table></td></tr></table></center>

Уже лучше, но вид портит обводка вокруг текста черного цвета. Нельзя ли и ее сделать другим цветом? Можно. Достаточно, найдя border: solid 2px #, вставить после решетки нужный цвет, например, 6198af

Здесь будет ваш текст

<center><table style="background-image: url(''); background-color: #c3e6f5; border-radius: 20px; box-shadow: 0px 0px 3px 3px #ffffff inset ,0px 0px 10px 0px #6198af;" cellpadding="0" cellspacing="0"><tr><td style="padding:30px"><table style="background-image: url(''); background-color: #; box-shadow: 0px 0px 10px #6198af;" cellspacing="0" cellpadding="0" width="650"><tr><td style="padding: 5px" zzz="zzz" align="center"><fieldset style="border: solid 2px #6198af; padding: 5px;"><center><font size="5" color="#6198af" face="Monotype Corsiva">Здесь будет ваш текст</font></center></fieldset></td></tr></table></td></tr></table></center>

А вот так будет выглядеть рамочка, если мы внешнюю тень оставим темной, а внутреннюю сделаем светлой вместе с окантовкой текста и цветом самого текста.

Здесь будет ваш текст

<center><table style="background-image: url(''); background-color: #c3e6f5; border-radius: 20px; box-shadow: 0px 0px 3px 3px #ffffff inset ,0px 0px 10px 0px #6198af;" cellpadding="0" cellspacing="0"><tr><td style="padding:30px"><table style="background-image: url(''); background-color: #; box-shadow: 0px 0px 10px #ffffff;" cellspacing="0" cellpadding="0" width="650"><tr><td style="padding: 5px" zzz="zzz" align="center"><fieldset style="border: solid 2px #ffffff; padding: 5px;"><center><font size="5" color="#ffffff" face="Monotype Corsiva">Здесь будет ваш текст</font></center></fieldset></td></tr></table></td></tr></table></center>

Можно ширину, заданную в свойстве бордюра, увеличить, а solid заменить на dotted. Вид рамочки изменится.

Здесь будет ваш текст

<center><table style="background-image: url(''); background-color: #c3e6f5; border-radius: 20px; box-shadow: 0px 0px 3px 3px #ffffff inset ,0px 0px 10px 0px #6198af;" cellpadding="0" cellspacing="0"><tr><td style="padding:30px"><table style="background-image: url(''); background-color: #; box-shadow: 0px 0px 10px #6198af;" cellspacing="0" cellpadding="0" width="650"><tr><td style="padding: 5px" zzz="zzz" align="center"><fieldset style="border: dotted 4px #6198af; padding: 5px;"><center><font size="5" color="#6198af" face="Monotype Corsiva">Здесь будет ваш текст</font></center></fieldset></td></tr></table></td></tr></table></center>

Это незначительные, очень легкие изменения в шаблоне, позволяющие делать самим разные простые рамочки.