Добавление эффекта теней к элементам в HTML письме может быть достигнуто с помощью встроенных CSS стилей. Однако стоит учитывать, что не все почтовые клиенты поддерживают все CSS свойства, включая тени.
Вот пример CSS кода для добавления эффекта тени к блоку в HTML письме:
```html
<div style="box-shadow: 3px 3px 5px rgba(0,0,0,0.5);">
Текст или содержимое блока
</div>
```
В данном примере тень будет иметь сдвиг по горизонтали и вертикали на 3 пикселя, размер размытия 5 пикселей и цвет тени будет полупрозрачным черным.
Чтобы создать единообразную тень для блоков в адаптивной email-вёрстке, можно использовать таблицу с фоновым изображением, которое будет визуально создавать эффект тени. Обратите внимание, что данный метод не будет аккуратным и точным, но он будет работать в большинстве почтовых клиентов.
Вот пример CSS кода для создания эффекта тени с помощью фонового изображения:
```html
<table width="100%" style="background-image: url('тень.jpg'); background-size: 100% 100%; background-repeat: repeat-y;">
<tr>
<td>
Текст или содержимое блока
</td>
</tr>
</table>
```
В данном примере будет создана вертикальная тень на всех сторонах блока, повторяющаяся по высоте блока.
Будьте внимательны при добавлении теней в HTML письмах, чтобы учесть совместимость с различными почтовыми клиентами и адаптивность верстки. Испытайте свой дизайн в различных почтовых клиентах и на различных устройствах, чтобы убедиться, что тени отображаются корректно.