Eine Einführung in das Hinzufügen von Schatten zu Bildern mithilfe von CSS

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

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">







" alt="" title="" />

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.