Generally, we can use a background image to add shadows to images, but how to achieve this for images with non-fixed sizes?
We can use the "visual deception method" to achieve this by defining a gradient border
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-CN" />
<title></title>
<style type="text/css" >
body {background:#2e334d;}
img {border:none;}
a.pic-shadow {display:inline-block;zoom:1;padding:1px;background:#262a3f;border:solid #2b3048 1px;border-radius:5px;-moz-border-radius:5px;-webkit- border-radius:5px;}
a.pic-shadow img {padding:1px;background:#13151f;border:solid #1e2132 1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
</style>
</head>
<body>
<a class="pic-shadow" href="#" title=""><img src=" border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
The above definition is the definition of rounded corners in various standard browsers to deceive the eyes more professionally.
The color code can be picked up after making the outer glow effect in PS.
The effects I have above are [Soft], [Extended 0], [Size 5px], [Color #000] and the rest are default
Of course, if you have special requirements, you can use IE filters to achieve more gorgeous shadows. If the filterists drift by... you can go there yourself.