視覺裝飾

新增視覺裝飾但不受支援的 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