Html 将内部阴影添加到内嵌css的圆形图像中
我试图给圆形图像添加内部阴影。因为它是为html电子邮件编写的,所以它是内联css 我有这个:Html 将内部阴影添加到内嵌css的圆形图像中,html,image,css,Html,Image,Css,我试图给圆形图像添加内部阴影。因为它是为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/future
<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 好吧,也许你可以试试这样做:
<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,这样我使用的框阴影就会应用到图像的顶部。如果这是一封HTML电子邮件,框阴影,所以即使你能让它工作,它也不会出现。。