Heim > Web-Frontend > CSS-Tutorial > Können CSS-Hintergrundbilder von rechts pixelausgerichtet werden?

Können CSS-Hintergrundbilder von rechts pixelausgerichtet werden?

Patricia Arquette
Freigeben: 2024-11-26 09:18:09
Original
371 Leute haben es durchsucht

Can CSS Background Images Be Pixel-Aligned from the Right?

Hintergrundbilder mit CSS positionieren: Können sie pixelrichtig ausgerichtet werden?

Viele Entwickler gehen allgemein davon aus, dass die Eigenschaft „Hintergrundposition“ nur dies zulässt bestimmte Pixelversätze von der linken und oberen Seite. Es gibt jedoch tatsächlich eine Lösung für Ihre Frage:

Verwenden eines rechten Versatzes:

Um ein Hintergrundbild eine feste Anzahl von Pixeln vom rechten Rand entfernt zu positionieren, verwenden Sie die folgende Syntax:

background-position: right 30px center;
Nach dem Login kopieren

Dieser Code setzt den horizontalen Versatz des Hintergrundbilds auf 30 Pixel von der rechten Seite entfernt und zentriert es gleichzeitig vertikal.

Kompatibilität:

Das richtige Schlüsselwort wird in den meisten modernen Browsern unterstützt. Eine umfassende Liste der Browserunterstützung finden Sie in den folgenden Ressourcen:

  • [Can I Use](https://caniuse.com/#feat=css-background-offsets)
  • [W3C-Spezifikation](https://www.w3.org/TR/css3-background/#the-background-position)

Das obige ist der detaillierte Inhalt vonKönnen CSS-Hintergrundbilder von rechts pixelausgerichtet werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage