Comment définir la transparence des images HTML

Comment définir la transparence des images HTML : 1. Utilisez l'attribut style dans l'élément img pour définir "opacité : valeur de transparence ;" 2. Utilisez l'attribut style dans l'élément img pour définir le "filtre : opacité ; (valeur de transparence);"style.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

image html

En HTML, vous pouvez utiliser l'élément img pour intégrer une image dans une page Web.

Veuillez noter que techniquement, la balise n'insère pas d'image dans la page Web, mais lie plutôt l'image de la page Web. La balise crée un espace réservé pour l'image référencée.

<img  src="img/1.jpg"    style="max-width:90%" / alt="Comment définir la transparence des images HTML" >

Transparence des paramètres d'image HTML

Méthode 1 : utilisez l'attribut style dans l'élément img pour définir le style "opacity: 透明度值;"

<img  src="img/1.jpg"    style="max-width:90%" style="opacity: 0.5;"/ alt="Comment définir la transparence des images HTML" >

Méthode 2 : utilisez l'attribut style dans l'élément img pour définissez "filter:opacity" (Valeur de transparence);" style

<img  src="img/1.jpg"    style="max-width:90%" style="filter:opacity(0.3);"/ alt="Comment définir la transparence des images HTML" >

Tutoriel recommandé : "Tutoriel vidéo HTML"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!