L'attribut src de img peut-il être écrit en CSS ?

L'attribut src de img peut être écrit en CSS ; l'attribut src est utilisé pour définir l'url du fichier image dans la balise img, c'est-à-dire le chemin du fichier de l'image. Vous pouvez utiliser l'attribut content de css pour. spécifiez l'URL de l'image de la balise img, et cela peut être réalisé. Dans le but d'utiliser CSS pour définir l'attribut src de la balise img, la syntaxe est "img{content:url(chemin du fichier image);}".

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

L'attribut src de img peut être écrit en css

L'attribut src de la balise est obligatoire. Sa valeur est l'URL du fichier image, qui est le chemin absolu ou relatif vers le fichier qui référence l'image.

Astuce : Afin d'organiser le stockage des documents, les créateurs stockent généralement les fichiers image dans un dossier séparé et nomment généralement ces répertoires comme « photos » ou « images ». Dans le didacticiel en ligne W3School, nos ingénieurs stockent la plupart des images couramment utilisées dans un dossier nommé "i". "i" est l'abréviation de "images". L'avantage est que cela peut simplifier au maximum le chemin. .

Syntaxe

<img  src="value" alt="L'attribut src de img peut-il être écrit en CSS ?" >

URL

Spécifie l'URL de l'image.

Valeurs possibles :

URL absolue - pointant vers d'autres sites (tels que src="http://www.example.com/")

URL relatives - pointant vers des fichiers du site (tels que src="/ i/image .gif") L'attribut

content est utilisé avec les pseudo-éléments :before et :after pour insérer du contenu.

Les valeurs d'attribut possibles​​de cet attribut sont les suivantes :

L'exemple est le suivant :

<style>
    img {
    content:url(https://image.png);
    }
</style>

(Partage vidéo d'apprentissage : tutoriel vidéo CSS, 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!