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

Пост для желающих экспериментировать

Перед вами рамочка серого цвета, а под ней её код. Предлагаю несколько экспериментов.

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

<center><table width="700" style="border:1px dotted #313131;background-color:#c7c7c7" cellspacing="0" cellpadding="0"><tr><td style="padding:5 px 15px 5 px 15px" zzz="zzz" align="center"><br /><table style=" border-radius: 2px; box-shadow: 1px 1px 10px #000000;" cellspacing="0" cellpadding="0" width="670"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#000000;font-size:20px">Здесь будет ваш текст<br /></span></center></td></tr></table><br /></td></tr></table></center>

1. Заменим серый цвет на зеленый, а остальное оставим без изменений.

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

<center><table width="700" style="border:1px dotted #313131;background-color:#03a936" cellspacing="0" cellpadding="0"><tr><td style="padding:5 px 15px 5 px 15px" zzz="zzz" align="center"><br /><table style=" border-radius: 2px; box-shadow: 1px 1px 10px #000000;" cellspacing="0" cellpadding="0" width="670"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#000000;font-size:20px">Здесь будет ваш текст<br /></span></center></td></tr></table><br /></td></tr></table></center>

2. Заменим серый цвет на голубой и изменим цвет для текста.

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

<center><table width="700" style="border:1px dotted #313131;background-color:#0393a9" cellspacing="0" cellpadding="0"><tr><td style="padding:5 px 15px 5 px 15px" zzz="zzz" align="center"><br /><table style=" border-radius: 2px; box-shadow: 1px 1px 10px #000000;" cellspacing="0" cellpadding="0" width="670"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#dff6f9;font-size:20px">Здесь будет ваш текст<br /></span></center></td></tr></table><br /></td></tr></table></center>

3. Рамочка имеет бордюр, но он практически не виден, увеличим его размер до 5px.

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

<center><table width="700" style="border:5px dotted #313131;background-color:#c7c7c7" cellspacing="0" cellpadding="0"><tr><td style="padding:5 px 15px 5 px 15px" zzz="zzz" align="center"><br /><table style=" border-radius: 2px; box-shadow: 1px 1px 10px #000000;" cellspacing="0" cellpadding="0" width="670"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#000000;font-size:20px">Здесь будет ваш текст<br /></span></center></td></tr></table><br /></td></tr></table></center>



4. Изменим цвет рамочки, цвет для текста, ширину бордюра, его тип и цвет. Первоначальный тип бордюра - dotted, однако, есть и другие (dotted, dashed, solid, double, groove, ridge, inset, outset).

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

<center><table width="700" style="border:5px double #ffffff;background-color:#dfb8fb" cellspacing="0" cellpadding="0"><tr><td style="padding:5 px 15px 5 px 15px" zzz="zzz" align="center"><br /><table style=" border-radius: 2px; box-shadow: 1px 1px 10px #000000;" cellspacing="0" cellpadding="0" width="670"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#ffffff;font-size:20px">Здесь будет ваш текст<br /></span></center></td></tr></table><br /></td></tr></table></center>

5. Во всех рамочках, включая исходную, вид и цвет тени не менялись. Изменим и посмотрим на результат.

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

<center><table width="700" style="border:4px dashed #000000;background-color:#c7c7c7" cellspacing="0" cellpadding="0"><tr><td style="padding:5 px 15px 5 px 15px" zzz="zzz" align="center"><br /><table style=" border-radius: 2px; box-shadow: 1px 1px 1px 1px #000000;" cellspacing="0" cellpadding="0" width="670"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#000000;font-size:20px">Здесь будет ваш текст<br /></span></center></td></tr></table><br /></td></tr></table></center>

6. И, наконец, сделаем рамочку с картинкой.

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

<center><table width="700" style="border:1px dotted #313131;background-color:#c7c7c7" cellspacing="0" cellpadding="0"><tr><td style="padding:5 px 15px 5 px 15px" zzz="zzz" align="center"><img src="//img1.liveinternet.ru/images/attach/d/3/155/829/155829473_k2.gif" width="670" /><br /><table style=" border-radius: 2px; box-shadow: 1px 1px 10px #000000;" cellspacing="0" cellpadding="0" width="670"><tr><td style="padding:10px" zzz="zzz" align="center"><center><span style="font-family:Georgia;color:#000000;font-size:20px">Здесь будет ваш текст<br /></span></center></td></tr></table><br /></td></tr></table></center>