CSS：在图像周围创build白色辉光

我如何创build一个白色的辉光作为未知大小的图像的边界？

使用简单的CSS3（IE <9不支持）

img { box-shadow: 0px 0px 5px #fff; }

这会在文档中的每个图像周围发出白色的光芒，使用更具体的select器来select你想要的图像。你可以改变当然的颜色:)

如果您担心没有浏览器最新版本的用户，请使用以下命令：

 img { -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0px 0px 5px #fff; }

对于IE你可以使用辉光filter（不知道哪些浏览器支持）

 img { filter:progid:DXImageTransform.Microsoft.Glow(Color=white,Strength=5); }

玩设置，看看有什么适合你:)

@tamir; 你cna做css3属性。

 img{ -webkit-box-shadow: 0px 0px 3px 5px #f2e1f2; -moz-box-shadow: 0px 0px 3px 5px #f2e1f2; box-shadow: 0px 0px 3px 5px #f2e1f2; }

如果你需要它在老版本的IE浏览器工作，你可以使用CSS3 PIE来模拟这些浏览器中的盒子阴影，你可以使用filter因为凯尔说这样

 filter:progid:DXImageTransform.Microsoft.Glow(color='red', Strength='5')

你可以从这里生成你的filterhttp://samples.msdn.microsoft.com/workshop/samples/author/filter/Glow.htm

奇迹般有效！

 .imageClass { -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5)); }

瞧！而已！显然这不会在ie中工作，但谁在乎…

取决于你的目标浏览器是什么。在新版本中，它就像下面这样简单：

  -moz-box-shadow: 0 0 5px #fff; -webkit-box-shadow: 0 0 5px #fff; box-shadow: 0 0 5px #fff;

对于较老的浏览器，您必须实施解决方法，例如，基于此示例，但您很可能需要额外的标记。

迟到了这里的派对; 然而只是想增加一些额外的乐趣..

 box-shadow: 0px 0px 5px rgba(0,0,0,.3); padding:7px;

会给你一个漂亮的图像填充。填充会给你一个模拟的白色边框（或任何你设置的边框）。 rgba只是让你对特定的颜色做一个opicity; 0,0,0是黑色的。您可以轻松使用任何其他RGB颜色。

希望这可以帮助别人！

你可以使用CSS3来创build一个类似的效果，但是除非你使用像CSS3PIE这样的polyfill ，否则你只能在支持box阴影的现代浏览器中看到它。所以，例如，你可以做这样的事情： http : //jsfiddle.net/cany2/