propriété d'arrière-plan CSS


  Résultats de traduction:

fond

anglais [ˈbækgraʊnd] US [ˈbækˌɡraʊnd]

(de peintures, etc.) couleur d'arrière-plan ; bande sonore

pluriel : arrière-plans

propriété d'arrière-plan CSSsyntaxe

Comment utiliser l'attribut background ?

L'attribut background est un attribut abrégé qui peut définir tous les attributs d'arrière-plan dans une seule instruction. Syntaxe de base : background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Fonction : l'attribut raccourci d'arrière-plan définit le tout dans une seule instruction background propriétés.

Syntaxe : background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Description : Vous pouvez définir les attributs suivants :

background-color : Spécifie la couleur d’arrière-plan à utiliser.

background-position : Définissez la position de l'image d'arrière-plan.

background-size : Spécifiez la taille de l'image d'arrière-plan.

background-repeat : Spécifiez comment répéter l'image d'arrière-plan.

background-origin : Spécifiez 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éfinissez si l'image d'arrière-plan est fixe ou défile avec le reste de la page.

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

Remarque : Les navigateurs IE8 et antérieurs ne prennent pas en charge plusieurs images d'arrière-plan pour un élément.

propriété d'arrière-plan CSSexemple

<html>
<head>
<style type="text/css">
body
{ 
background: skyblue; 
}
</style>
</head>

<body>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
<p>这是一些文本。</p>
</body>

</html>

Exécuter l'instance »

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Recommandations populaires

Maison

vidéos

Questions et réponses