Email рассылка, как сделать скошенные углы?

#html #css #вёрстка_email

Как реализовать такие блоки в email рассылке? Ведь насколько я понимаю нельзя использовать
псевдоэлементы и position:absolute. 
    

Ответы

Ответ 1

На самом деле единственное кроссплатформенное решение - это вот прям пилить все эти
куски скошенных углов картинками. 
Если макет в psd, например, берем направляющими размечаем все это на ячейки таблицы,
так, чтобы были максимально широкие ячейки, которые можно просто залить цветом, например.
В них и будет располагаться текст.
Дальше берем инструмент "раскройка" и по напрявляющим режем все это на фрагменты
по нашим направляющим, сохраняем через экспорт для веб.
Размечаем такую же таблицу в документе, заполняем весе это соотвественно.
Если брать изображение автора, то выходит что у нас тут две ячейки с картинками.
Низ слева от красного фона и низ справа от красного фона.

Конечно, можно взять и использовать картинки на бекграунде, но только в том случае,
если мы не поддерживаем outlook.

Другого решения, чтобы все везде было хорошо, пока не знаю.


Ответ 2

У вас верстка табличная. В одной из td вы можете создать еще один table. И вот этому
table задать бэкграунд со скошенным углом