Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So fügen Sie Bildern mithilfe von CSS Schatten hinzu

不言
Freigeben: 2018-04-21 15:49:26
Original
2666 Leute haben es durchsucht

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;
Nach dem Login kopieren


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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage