1

円の画像に内側の影を付けようとしています。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！

4

1 に答える 1

3

わかりました、多分あなたはこのようなことを試みることができます：

<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を使用しました。このようにして、使用しているボックスシャドウが画像の上に適用されます。

于 2012-12-13T10:38:46.030 に答える