2013-08-16 91 views
3

此鏈接中的背景色(紅色)僅適用於文本,而不適用於整個鏈接。Outlook 2010中鏈接的背景顏色HTML電子郵件

鏈接也有填充。

這是Outlook 2010中

有誰知道的一種方式來獲得的背景顏色填充的聯繫?

這裏是一個形象:

Outlook 2010 on Windows

<a href="#" class="btn" style="font-size: 13px; border: 1px solid #c5c4c4; color: #3c3c3c; padding: 7px 25px; display: inline-block; border-radius: 5px; font-weight: bold; text-decoration: none; background-color: red; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);"> 
    Accept 
</a> 

這裏是可讀格式的CSS:

font-size: 13px; 
border: 1px solid #c5c4c4; 
color: #3c3c3c; 
padding: 7px 25px; 
display: inline-block; 
border-radius: 5px; 
font-weight: bold; 
text-decoration: none; 
background-color: red; 
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); 
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); 

回答

5

我最終放棄其自己的表內的錨和造型的TD獲得背景和填充。

<table class="btn-table"> 
    <tr> 
     <td style="font-family: arial,helvetica,sans-serif; font-size: 13px; border: 1px solid #c5c4c4; padding: 7px 25px; border-radius: 5px; font-weight: bold; background: #e3e2e2; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);"><a href="#" class="btn" style="display: block; color: #3c3c3c; text-decoration: none;">Accept</a></td> 
    </tr> 
</table> 
相關問題