Heim >Web-Frontend >Bootstrap-Tutorial >So legen Sie den Hintergrund im Bootstrap fest
So legen Sie den Hintergrund im Bootstrap fest: 1. Öffnen Sie die entsprechende CSS-Datei. 2. Legen Sie den Seitenhintergrund über „background: url(../img/QQ picture 20200226123957.jpg) no-repeat;“ fest.
Die Betriebsumgebung dieses Artikels: Windows 7-System, Bootsrap-Version 3.3.7, Dell G3-Computer.
Wie stelle ich den Hintergrund im Bootstrap ein?
So schreiben Sie mit BootStrap eine Webseite und legen den Hintergrund einer Vollbildseite fest:
Die Hände dieses Zwei-Spieler-Spiels haben fast vergessen, wie man Code schreibt. Beim Schreiben einer Seite und beim Festlegen des Hintergrunds erscheint immer ein unerklärlicher Fehler.
Lassen Sie es mich hier aufzeichnen. Sie können nicht einmal die Hintergrundeinstellungen kennen, obwohl ich nicht viel mit dem Frontend mache. Es hilft auch Anfängern oder Back-End-Mitarbeitern, Fallstricke beim Ausprobieren zu vermeiden! ! !
body{ background: url(../img/QQ图片20200226123957.jpg) no-repeat; background-size:100%; }
in das CSS schreiben. Mit anderen Worten, der Grund, auf den ich damals gestoßen bin, war das Größenproblem. Am Ende stellte ich jedoch fest, dass mein vorheriges CSS diese Einstellung überschrieben hatte, sodass es immer wieder fehlschlug.
Wenn Sie keinen der Werte festlegen, ist beispielsweise auch „background:#ff0000 url('smiley.gif');“ zulässig.
Es wird generell empfohlen, dieses Attribut zu verwenden, anstatt einzelne Attribute separat zu verwenden, da dieses Attribut in älteren Browsern besser unterstützt wird und weniger Buchstaben eingegeben werden müssen.
Standard: | nicht angegeben |
---|---|
Vererbung: | Nein |
Version: | CSS1 +. CSS3 |
JavaScript-Syntax: | object.style background= „white url(paper.gif) repeat-y“ |
Empfohlene verwandte Video-Tutorials: „Bootstrap-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo legen Sie den Hintergrund im Bootstrap fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!