將內部陰影添加到圓形圖像內聯css中

Question

我正在嘗試將內部陰影添加到圓形圖像中。 因為它是為html電子郵件編寫的，所以它是內聯css。

我有這個：

<td style="border:3px solid #ffffff;border-radius: 50px 50px;box-shadow: 0 0 20px 0px #000000 inset">
 <span><img style="border-radius: 50px 50px;" src="http://media.futuresmag.com/futuresmag/article/2012/05/15/dec29facebook-logo-crop-96x96.jpg"></span>
</td>

我得到了圓形部分和白色邊框，我也得到一個應該是陰影的黑色小邊框。

誰知道如何解決這個問題？

（我選擇了一個facebook圖標進行說明）

TNX！

Answer 1

好吧，也許你可以嘗試做這樣的事情：

<div style="border-radius: 50px 50px;
            background:url(http://media.futuresmag.com/futuresmag/article/2012/05/15/dec29facebook-logo-crop-96x96.jpg);
            width:96px;height:96px;
            box-shadow: inset 0 0 5px 5px #f00;">
</div>

而不是使用IMG我使用帶有背景圖像的div，這樣我正在使用的框陰影被應用在圖像的頂部。