Maison > interface Web > tutoriel CSS > Introduction aux propriétés d'arrière-plan CSS couramment utilisées

Introduction aux propriétés d'arrière-plan CSS couramment utilisées

王林
Libérer: 2020-05-26 17:24:04
original
3010 Les gens l'ont consulté

Introduction aux propriétés d'arrière-plan CSS couramment utilisées

1. background-color

Cet attribut définit la couleur d'arrière-plan de l'élément.

La couleur de fond de la page est utilisée dans le sélecteur de corps, comme suit :

Introduction aux propriétés darrière-plan CSS couramment utilisées

Rendu :

Introduction aux propriétés darrière-plan CSS couramment utilisées

En CSS, les valeurs de couleur sont généralement définies de la manière suivante :

1 Hexadécimal - tel que : "#ff0000"

RVB - tel que : " rgb(255,0,0)"

3. Nom de la couleur - tel que : "rouge"

(Recommandation du didacticiel vidéo : tutoriel vidéo CSS)

2. background-image

Cet attribut décrit l'image d'arrière-plan de l'élément.

Par défaut, la propriété background-image affichera la page en mosaïque horizontalement ou verticalement.

Instance :

Introduction aux propriétés darrière-plan CSS couramment utilisées

Résultat :

Introduction aux propriétés darrière-plan CSS couramment utilisées

3. >

Si nous ne voulons pas que l'image soit carrelée, nous pouvons utiliser l'attribut background-repeat.

Exemple :

Introduction de l'attribut :

répétition-x : carrelage horizontal

no-repeat : pas de carrelage

Introduction aux propriétés darrière-plan CSS couramment utilisées

Résultat :

Introduction aux propriétés darrière-plan CSS couramment utilisées

Pour des connaissances plus pertinentes, veuillez visiter la colonne

Introduction aux bases CSS sur le site Web php chinois.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal