So fügen Sie Bildern mithilfe von CSS Schatten hinzu

Im Allgemeinen können wir ein Hintergrundbild verwenden, um Bildern Schatten hinzuzufügen, aber wie erreicht man das bei Bildern mit nicht festen Größen? Um dies zu erreichen, können wir die „visuelle Täuschungsmethode“ verwenden, indem wir einen Verlaufsrand definieren: [Code] on_all">

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? Wir können die „visuelle Täuschungsmethode“ verwenden, um dies zu erreichen, indem wir einen Verlaufsrand definieren:

Tipp: Sie können zuerst einen Teil des Codes ändern und dann ausführen

Die folgende Definition ist die Definition abgerundeter Ecken in verschiedenen Standardbrowsern, um das Auge professioneller zu täuschen

Code kopieren

Der Code lautet wie folgt:

border-radius:5px; 
-moz-border-radius:5px; 
-webkit-border-radius:5px;

Farbcode Sie können ihn auswählen, nachdem Sie den äußeren Leuchteffekt in PS erstellt haben. Meine oben genannten Effekte 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 .

Das obige ist der detaillierte Inhalt vonSo fügen Sie Bildern mithilfe von CSS Schatten hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!