По картинке видно, что это шаблон рамочки, в которой два слоя, причем каждый слой имеет внешнюю тень. Кроме того каждый слой можно задать одним из двух возможных способов: через адрес фона или через код цвета фона. Меня сразу же насторожил тот факт, что от слоя к слою ширина растет, а не уменьшается. Ведь ширина рамки зависит от ширины самого внутреннего слоя. В остальных слоях она либо совсем отсутствует, либо остается равной ширине внутреннего слоя. Дальше меня насторожила запись cellspacing=, здесь что-то пропущено, поэтому я из шаблона эту запись убрала. box-shadow задает тень, в зависимости от значений она может быть разного цвета и по-разному выглядеть. Вероятнее всего, автор для каждого слоя хотел иметь тень слева, справа и снизу. Для наглядности увеличим размер тени, заменив 1 на 5. Мы видим, что из двух box-shadow, следующих друг за другом, срабатывает последний: тень снизу и справа.



<center><table 4px="4px" cellpadding="0" cellspacing="0" style="background-image: url('адрес внутреннего слоя'); background-color: #код цвета внутреннего слоя;box-shadow:-5px 5px 10px #000000; border-radius: 2px; " width="700"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"></td></tr></tbody></table></center>



<center><table 4px="4px" cellpadding="0" cellspacing="0" style="background-image: url('адрес внутреннего слоя'); background-color: #код цвета внутреннего слоя;box-shadow:-5px 5px 10px #000000; border-radius: 2px; box-shadow: 5px 5px 10px #000000;" width="700"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"></td></tr></tbody></table></center>

Поменяем местами в нашем шаблоне два box-shadow. Теперь мы видим тень слева и снизу.



<center><table 4px="4px" cellpadding="0" cellspacing="0" style="background-image: url(&#39;&#39;); background-color: #код цвета;box-shadow: 5px 5px 10px #000000; border-radius: 2px; box-shadow: -5px 5px 10px #000000;" width="700"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"></td></tr></tbody></table></center>

А вот для того, чтобы тень была справа, слева и внизу, надо указать эти тени в одном box-shadow через запятую.



<center><table 4px="4px" cellpadding="0" cellspacing="0" style="background-image: url(&#39;&#39;); background-color: #КОД ЦВЕТА РАМОЧКИ; border-radius: 2px; box-shadow: -5px 5px 8px #000000, 5px 5px 8px #000;" width="700"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"></td></tr></tbody></table></center>
Шаблон, по которому я сделала две рамочки, приведен ниже. Ширина моих рамочек не превышает 700 px, т.к я все делаю через прикрепленные файлы.

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

<center><table 4px="4px" cellpadding="0" cellspacing="0" style="background-image: url('адрес внешнего фона'); background-color: #код цвета внешнего фона; border-radius: 2px; box-shadow: -5px 5px 12px #000000, 5px 5px 12px #000000;" width="700"><tbody><tr><td align="center" style="padding:30px" zzz="zzz"><table cellpadding="0" cellspacing="0" style="background-image: url('адрес внутреннего фона'); border-radius: 2px; background-color: #код цвета внутреннего фона;box-shadow: -5px 5px 12px #000000, 5px 5px 12px #000000;" width="640"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"><center><span style="font-family: Arial; color: #000000; font-size: 18px;"><b>Здесь будет ваш текст</b></span></center></td></tr></tbody></table></td></tr></tbody></table></center>

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

<center><table 4px="4px" cellpadding="0" cellspacing="0" style="background-image: url('https://img0.liveinternet.ru/images/attach/d/3/154/445/154445908_b4.gif'); background-color: #код цвета внешнего фона; border-radius: 2px; box-shadow: -5px 5px 12px #664400, 5px 5px 12px #664400;" width="700"><tbody><tr><td align="center" style="padding:30px" zzz="zzz"><table cellpadding="0" cellspacing="0" style="background-image: url('https://img1.liveinternet.ru/images/attach/d/3/158/303/158303055_n3.jpg'); border-radius: 2px; background-color: #код цвета внутреннего фона;box-shadow: -5px 5px 12px #664400, 5px 5px 12px #664400;" width="640"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"><center><span style="font-family: Arial; color: #664400; font-size: 18px;"><b>Здесь будет ваш текст</b></span></center></td></tr></tbody></table></td></tr></tbody></table></center>

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

<center><table 4px="4px" cellpadding="0" cellspacing="0" style="background-image: url('адрес внешнего фона'); background-color: #0d6680; border-radius: 6px; box-shadow: -5px 0px 12px #000000, 5px 0px 12px #000000;" width="700"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"><table cellpadding="0" cellspacing="0" style="background-image: url('адрес внутреннего фона'); border-radius: 6px; background-color: #86d1e6;box-shadow: -5px 5px 12px #000000, 5px 5px 12px #000000;" width="680"><tbody><tr><td align="center" style="padding:10px" zzz="zzz"><center><span style="font-family: Arial; color: #0d6680; font-size: 18px;"><b>Здесь будет ваш текст</b></span></center></td></tr></tbody></table></td></tr></tbody></table></center>
Удачи всем!