URL CSS ()

Apprenez à travailler avec la fonction CSS url ()

Quand on parle d'images d'arrière-plan,@import, et plus encore, nous utilisons leurl()fonction pour charger une ressource:

div {
  background-image: url(test.png);
}

Dans ce cas, j'ai utilisé une URL relative, qui recherche le fichier dans le dossier où le fichier CSS est défini.

Je pourrais remonter d'un niveau

div {
  background-image: url(../test.png);
}

ou aller dans un dossier

div {
  background-image: url(subfolder/test.png);
}

Ou je pourrais charger un fichier à partir de la racine du domaine où le CSS est hébergé:

div {
  background-image: url(/test.png);
}

Ou je pourrais utiliser une URL absolue pour charger une ressource externe:

div {
  background-image: url(https://mysite.com/test.png);
}

Téléchargez mon gratuitManuel CSS


Plus de didacticiels CSS: