Maison >interface Web >Tutoriel d'amorçage >Comment ajouter une image d'arrière-plan au bootstrap

Comment ajouter une image d'arrière-plan au bootstrap

尚
original
2019-07-27 14:13:5017366parcourir

Comment ajouter une image d'arrière-plan au bootstrap

Il existe deux façons pour bootstrap d'ajouter des images aux pages Web :

La première est : via La balise est insérée directement dans le code HTML

L'autre est : ajouter

via l'attribut d'arrière-plan CSS Recommandé : Comment définir l'arrière-plan dans bootstrap Taille de l'écran adaptative de l'image

Méthode de centrage : texte-align centré horizontalement : centre et marge : 0 auto

Aperçu

Il existe 5 propriétés d'arrière-plan principales en CSS2, elles sont :

* background-color : Spécifiez la couleur de l'arrière-plan rempli.

* background-image : Image de référence comme arrière-plan.

* background-position : Spécifiez la position de l'image d'arrière-plan de l'élément.

* background-repeat : Déterminez s'il faut répéter l'image d'arrière-plan.

* background-attachment : Détermine si l'image d'arrière-plan défile avec la page.

Arrière-plans multiples

Nouvel attribut : background-clip

Nouvel attribut : background-origin

Nouvel attribut : background Size (background-size)

Nouvelles propriétés : (background-break)

Améliorations de la couleur d'arrière-plan (background-color)

Vue d'arrière-plan (background-repeat) Améliorations

Améliorations en arrière-plan -attachment

Nouvel attribut : background-origin

Cet attribut est utilisé en conjonction avec background-position. La position d'arrière-plan peut être calculée à partir de la bordure, du remplissage ou de la zone de contenu (similaire au background-clip).

* background-origin: border-box;
Commencez à calculer la position de l'arrière-plan avec la bordure comme origine.
* background-origin: padding-box;
Commencez à calculer l'arrière-plan avec le remplissage intérieur comme origine. -position
* background-origin: content-box;
Commencez à calculer la position d'arrière-plan à partir de la zone de contenu comme origine
Pour background-clip et background-origin

Recommandations associées : Tutoriel d'introduction à Bootstrap

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!

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