Heim >Web-Frontend >HTML-Tutorial >So stellen Sie die Transparenz von HTML-Bildern ein
So legen Sie die Transparenz von HTML-Bildern fest: 1. Verwenden Sie das style-Attribut im img-Element, um den „opacity:transparency value;“ festzulegen. 2. Verwenden Sie das style-Attribut im img-Element, um den „filter:opacity“ festzulegen (Transparenzwert);" Stil.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
HTML-Bild
In HTML können Sie das img-Element verwenden, um ein Bild in eine Webseite einzubetten.
Bitte beachten Sie, dass das -Tag technisch gesehen kein Bild in die Webseite einfügt, sondern das Bild von der Webseite verlinkt. Das -Tag erstellt einen Platzhalter für das referenzierte Bild.
<img src="img/1.jpg" style="max-width:90%" / alt="So stellen Sie die Transparenz von HTML-Bildern ein" >
HTML-Bildeinstellungstransparenz
Methode 1: Verwenden Sie das style-Attribut im img-Element, um den Stil „opacity: 透明度值;
“ festzulegen.
<img src="img/1.jpg" style="max-width:90%" style="opacity: 0.5;"/ alt="So stellen Sie die Transparenz von HTML-Bildern ein" >
Methode 2: Verwenden Sie das style-Attribut im img-Element, um set „filter:opacity“ (Transparenzwert);“ style
<img src="img/1.jpg" style="max-width:90%" style="filter:opacity(0.3);"/ alt="So stellen Sie die Transparenz von HTML-Bildern ein" >
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo stellen Sie die Transparenz von HTML-Bildern ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!