Ниже приведен сокращенный код от Email на сайте Acid .Я использовал это, и он отрисовывает то же самое во всех почтовых клиентах.
Вещи, чтобы отметить:
- Если вы хотите удалить закругленный край, удалите его для обоих радиусов границы (т. Д.и тег).В любом случае он будет отображаться с резкими краями в Outlook.
- Если вы удалите фоновые цвета на тд и тег, он должен показать вам CTA, который имеет рамку вокруг него.Это все равно будет отображаться одинаково во всех почтовых клиентах
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: auto;">
<tr>
<td style="font-family: sans-serif; font-size: 14px; vertical-align: top; background-color: #3498db; border-radius:5px; text-align: center;" valign="top" bgcolor="#3498db" align="center"> <a href="" target="_blank" style="display: inline-block; color: #ffffff; background-color: #3498db; border: solid 1px #3498db; border-radius: 5px; box-sizing: border-box; cursor: pointer; text-decoration: none; font-size: 14px; font-weight: bold; margin: 0; padding: 12px 25px; text-transform: capitalize; border-color: #3498db;">Call to action</a> </td>
</tr>
</table>
Надеюсь, это то, что вы искали.