Im Allgemeinen können wir ein Hintergrundbild verwenden, um Bildern Schatten hinzuzufügen, aber wie erreicht man dies bei Bildern mit nicht festen Größen?
Um dies zu erreichen, können wir die „visuelle Täuschungsmethode“ verwenden, indem wir einen Verlaufsrand definieren
<!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 ">
<Kopf>
<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" >
Körper {Hintergrund:#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- Randradius: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>
<Körper>
<a class="pic-shadow" href="#" title=""><img src=" border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
Die obige Definition ist die Definition abgerundeter Ecken in verschiedenen Standardbrowsern, um das Auge professioneller zu täuschen.
Der Farbcode kann nach dem Erstellen des äußeren Leuchteffekts in PS abgerufen werden.
Die Effekte, die ich oben habe, sind [Weich], [Erweitert 0], [Größe 5 Pixel], [Farbe #000] und der Rest ist Standard
Wenn Sie spezielle Anforderungen haben, können Sie natürlich IE-Filter verwenden, um wunderschönere Schatten zu erzielen ... Sie können selbst dorthin gehen.