视觉装饰

添加视觉装饰但不受支持的 CSS 属性可以替换为图像标记。

例如:雅虎不支持 border-radius! 邮件,Outlook 2007/10/13 +,Outlook 03 / Express / Mail 和 Android 4(Gmail)+

要解决这个问题,我们可以添加带有边框半径的图像,即左右两侧的按钮作为图像:

<td><img src="img-border-left.png"><td>
<td style="background: #000; color: #fff">Button Text</td>
<td><img src="img-border-right.png"><td>

以下是应避免使用的属性列表,并将其用作图像:

border-radiustext-shadowbox-shadowtext-fill-colortext-fill-stroke