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

<center><table width="700" style="border:5px dotted #c1eae9; background-image: url(''); background-color:#00afa9" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align="center"><table style="background-image: url(''); background-color: #c1eae9; box-shadow: -1px 1px 14px #,1px 1px 10px #" cellspacing="0" cellpadding="0" width="680"><tr><td style="padding:10px" zzz="zzz" align="center"><table style="background-image: url(''); background-color:#00afa9; box-shadow: 1px 1px 10px #,-1px 1px 18px #" cellspacing="0" cellpadding="0" width="660"><tr><td style="padding:10px" zzz="zzz" align="center"><div style="border:5px dotted #c1eae9; padding:10px;"><div style="border:10px double #e3fffe;padding:10px;"><div style="border:5px dotted #c1eae9; padding:10px;"><center><span style="font-family:Georgia; color:#e3fffe; font-size:18px"><b><br />Здесь будет ваш текст<br /><br /></b></span></center></div></div></div></td></tr></table></td></tr></table></td></tr></table></center>


Перед вами трехслойная рамочка, в которой каждый слой можно задать одним из двух способов: либо с помощью адреса фона, либо через код цвета фона. Первый (внешний) слой имеет внешний бордюр, второй слой бордюра не имеет, а вот внутренний слой имеет три бордюра, но все они внутри слоя. Ширина бордюров разная. Все бордюры в виде точек шириной 5рх, а бордюр в виде двойной линии - 10рх. Любой из бордюров можно убрать, если обнулить его ширину. Шаблон предусматривает наличие теней, чтобы тени появились достаточно после # поставить код черного цвета (000000) или другой по желанию. Отступ для слоёв и бордюров задает padding. В шаблоне задействовано только два стиля: dotted и double, значит, меняя стиль, ширину и отступ, можно сделать самые разные рамочки. Всего восемь возможных видов бордюра (dotted - граница точками; dashed - граница штрихами; solid - сплошной линией; double - двойной линией; groove - трехмерная вдавленная; ridge - трехмерная выпуклая; inset - трехмерная ступенька вверх; outset - трехмерная ступенька вниз). Отлично смотрятся рамочки темных тонов: черные, темно-коричневые, темно-синие.

Пример 1.

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

<center><table width="700" style="border:2px solid #664400; background-image: url('https://img0.liveinternet.ru/images/attach/d/3/156/622/156622266_pp.jpg'); background-color:#00afa9" cellspacing="0" cellpadding="0"><tr><td style="padding:40px" zzz="zzz" align="center"><table style="background-image: url('https://img1.liveinternet.ru/images/attach/d/4/161/297/161297571_kf1.jpg'); background-color: #c1eae9; box-shadow: -1px 1px 14px #,1px 1px 10px #" cellspacing="0" cellpadding="0" width="620"><tr><td style="padding:4px" zzz="zzz" align="center"><table style="background-image: url(''); background-color:#dbc05b; box-shadow: 1px 1px 10px #,-1px 1px 18px #" cellspacing="0" cellpadding="0" width="660"><tr><td style="padding:4px" zzz="zzz" align="center"><div style="border:5px dotted #664400; padding:10px;"><div style="border:0px double #e3fffe;padding:4px;"><div style="border:0px dotted #c1eae9; padding:10px;"><center><span style="font-family:Georgia; color:#664400; font-size:18px"><b><br />Здесь будет ваш текст<br /><br /></b></span></center></div></div></div></td></tr></table></td></tr></table></td></tr></table></center>
Пример 2.

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

<center><table width="700" style="border:1px solid #664400; background-image: url(''); background-color:#201729" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><table style="background-image: url(''); background-color: #b99998; box-shadow: -1px 1px 14px #000000,1px 1px 10px #000000" cellspacing="0" cellpadding="0" width="696"><tr><td style="padding:10px" zzz="zzz" align="center"><table style="background-image: url(''); background-color:#201729; box-shadow: 1px 1px 10px #000000,-1px 1px 18px #000000" cellspacing="0" cellpadding="0" width="674"><tr><td style="padding:10px" zzz="zzz" align="center"><div style="border:5px dotted #b99998; padding:10px;"><div style="border:10px outset #b99998;padding:10px;"><div style="border:5px dotted #b99998; padding:10px;"><center><span style="font-family:Georgia; color:#b99998; font-size:18px"><b><br />Здесь будет ваш текст<br /><br /></b></span></center></div></div></div></td></tr></table></td></tr></table></td></tr></table></center>

Пример 3. Можно найти подходящую картинку и сделать рамочку с картинкой.
За картинку с отличной анимацией большое спасибо автору.

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

<center><table width="700" style="border:1px solid #202939; background-image: url(''); background-color:#202939" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><img src="//img0.liveinternet.ru/images/attach/d/3/159/334/159334954_kk17.gif" width="700" height="467" alt="kk17 (700x467, 2977Kb)" /><table style="background-image: url(''); background-color: #f5d04c; box-shadow: -1px 1px 14px #000000,1px 1px 10px #000000" cellspacing="0" cellpadding="0" width="696"><tr><td style="padding:10px" zzz="zzz" align="center"><table style="background-image: url(''); background-color:#202939; box-shadow: 1px 1px 10px #000000,-1px 1px 18px #000000" cellspacing="0" cellpadding="0" width="674"><tr><td style="padding:10px" zzz="zzz" align="center"><div style="border:5px dotted #f5d04c; padding:10px;"><div style="border:10px outset #f5d04c;padding:10px;"><div style="border:5px dotted #f5d04c; padding:10px;"><center><span style="font-family:Georgia; color:#f5d04c; font-size:18px"><b><br />Здесь будет ваш текст<br /><br /></b></span></center></div></div></div></td></tr></table></td></tr></table></td></tr></table></center>
Удачи всем желающим!