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
DDDoriginal
2024-12-01 21:31:13207parcourir

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;

Par exemple :

background-position: right 30px center;

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!

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