Maison >interface Web >Questions et réponses frontales >Comment définir l'image d'arrière-plan en CSS

Comment définir l'image d'arrière-plan en CSS

藏色散人original: 2021-04-23 09:12:579670parcourir

Comment définir l'image d'arrière-plan avec CSS : créez d'abord un exemple de fichier HTML ; puis créez un div dans le corps ; enfin définissez-le via "background-image: url("images/22.jpg") ;" attribut Juste une image d'arrière-plan.

L'environnement d'exploitation de cet article : système Windows 7, version HTML5&&CSS3, ordinateur Dell G3.

CSS peut définir l'image d'arrière-plan via l'attribut background-image. L'attribut background-image est utilisé pour définir l'image d'arrière-plan d'un élément. L'arrière-plan d'un élément

correspond à la taille totale de l'élément, y compris le remplissage et les bordures (mais pas les marges). Par défaut, l'image d'arrière-plan est placée dans le coin supérieur gauche de l'élément et se répète verticalement et horizontalement.

Syntaxe css :

background-image：url|none|inherit

valeur de l'attribut background-image :

url URL de l'image

aucun Aucun fond d'image ne sera affiché. Il s'agit de la valeur par défaut

inherit spécifie que l'image d'arrière-plan doit être héritée de l'élément parent

[Apprentissage recommandé : Tutoriel vidéo CSS]

Exemple :

<!DOCTYPE html>
<html>
<head>
<style>
div{
width:450px;
height: 300px;
background-image: url("images/22.jpg");
}
</style>
</head>
<body>
<div></div>
</body>
</html>

Rendu :

Comment définir limage darrière-plan en CSS

valeur de l'attribut background :

background-color spécifie la couleur d'arrière-plan à utiliser

background-position spécifie la position de l'image d'arrière-plan

background-size spécifie la taille de l'image d'arrière-plan

background-repeat spécifie comment répéter l'image d'arrière-plan

background -origin spécifie la zone de positionnement de l'image d'arrière-plan

background-clip spécifie la zone de dessin de l'image d'arrière-plan

background-attachment définit si l'image d'arrière-plan est fixe ou défile avec le reste de la page

background-image spécifie une ou plusieurs images d'arrière-plan à utiliser

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!

html5 css css3 html 继承 position background

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Le CSS est-il sensible à la casse ?Article suivant：Le CSS est-il sensible à la casse ?

Articles Liés

Voir plus