Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was beinhaltet der CSS-Hintergrundstil?

青灯夜游
Freigeben: 2021-12-09 11:04:52
Original
3805 Leute haben es durchsucht

Der CSS-Hintergrundstil umfasst: Hintergrundfarbe „Hintergrundfarbe“, Hintergrundbild „Hintergrundbild“, Hintergrundpositionierung „Hintergrundposition“, Hintergrundwiederholung „Hintergrundwiederholung“, „Hintergrund“ usw.

Was beinhaltet der CSS-Hintergrundstil?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3-Version, Dell G3-Computer.

1. Hintergrundfarbe legt die Hintergrundfarbe des Elements fest.

background-color:颜色/transparent
Nach dem Login kopieren

Erklärung:

  • transparent ist vollständig transparent

  • Farbwert (Farbname/RGB/hex)

Der Hintergrundbereich umfasst Inhalt, Polsterung und Rahmen, jedoch keine Ränder

2. Hintergrundbild legt das Hintergrundbild des Elements fest.

background-image:url(图片地址)/none
Nach dem Login kopieren

Erklärung:

  • URL-Adresse kann eine relative Adresse oder eine absolute Adresse sein

  • Der Hintergrund des Elements nimmt die gesamte Größe des Elements ein, einschließlich Innenabständen und Rändern, schließt jedoch keine äußeren Ränder ein

  • Standardmäßig wird das Hintergrundbild in der oberen linken Ecke des Elements platziert und wiederholt sich horizontal und vertikal.

  • Wenn das Hintergrundbild und die Hintergrundfarbe festgelegt sind, deckt das Hintergrundbild die Hintergrundfarbe ab

4. Hintergrundanhang: Ob das Hintergrundbild fixiert ist oder mit dem Rest der Seite scrollt Rest der Seite Das Hintergrundbild bewegt sich beim Scrollen nicht in einer Erklärung.

background-position :百分比/px/top/right/bottom/left/center
Nach dem Login kopieren

Anleitung: Trennen Sie jeden Wert durch Leerzeichen, in keiner bestimmten Reihenfolge

(Teilen von Lernvideos: CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonWas beinhaltet der CSS-Hintergrundstil?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage