Maison > interface Web > tutoriel CSS > Comment puis-je positionner une image d'arrière-plan CSS à une distance fixe du bord droit ?

Comment puis-je positionner une image d'arrière-plan CSS à une distance fixe du bord droit ?

DDD
Libérer: 2024-12-01 21:31:13
original
209 Les gens l'ont consulté

How Can I Position a CSS Background Image a Fixed Distance from the Right Edge?

Comment placer une image d'arrière-plan CSS à une distance fixe de la droite

En CSS, les valeurs de position d'arrière-plan déterminent généralement l'ajustement des pixels à partir de les bords gauche et supérieur. Cependant, il est possible de positionner une image de fond à une distance spécifique du côté droit en utilisant la syntaxe suivante :

background-position: right [pixels] center;
Copier après la connexion

Par exemple :

background-position: right 30px center;
Copier après la connexion

Ce code positionnera l'image de fond 30 pixels du bord droit du conteneur, tout en l'alignant verticalement par rapport au centre.

Notez que cette solution fonctionne dans la plupart des navigateurs modernes, selon caniuse.com. Pour plus d'informations, reportez-vous à la spécification d'arrière-plan CSS3 du W3C.

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!

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