Der Arbeitshintergrund für die Site kann mit dem Hintergrundbild für den Desktop Ihres Betriebssystems verglichen werden. Hintergrund (Hintergrund) können Sie in mehreren Variationen erstellen, die weiter unten besprochen werden.
Notwendig
Bearbeiten der Datei style.css
Anweisungen
Schritt 1
Einfarbiger Hintergrund. Die einfachste Art von Hintergrund, ein großes Plus ist der minimale Seitenladevorgang mit einem solchen Bild. Wenn die Style-Datei (style.css) keine Befehle zum Einstellen der Hintergrundfarbe enthält, schlägt der Browser standardmäßig Weiß vor. Verwenden Sie den Befehl background-color, um die Farbe zu ändern. Ein Beispiel für die Verwendung dieses Befehls: background-color: # 3366CC.
Schritt 2
Um eine bestimmte Farbe auszuwählen, können Sie eine spezielle Software verwenden, beispielsweise den Grafikeditor Adobe Photoshop. Wenn Sie noch nie damit gearbeitet haben, empfiehlt es sich, Webdienste zu verwenden. Ein markantes Beispiel ist die Suchmaschine "Yandex", gehen Sie auf den folgenden Link https://yandex.ru und geben Sie den Ausdruck "color blue" ein. Vor Ihnen erscheint eine Farbtabelle, in der Sie eine beliebige Farbe auswählen, den Code kopieren und in den Site-Code einfügen können.
Schritt 3
Hintergrundtextur. Zusätzlich zur Hintergrundfarbe können Sie jeder Seite Ihrer Site ein Bild oder ein sich zyklisch wiederholendes Muster (Textur) hinzufügen. Schreiben Sie dazu nach Eingabe der Hintergrundfarbe den Befehl background-image, zum Beispiel background-image: url (img / uzor.png). Der Pfad zur Datei muss innerhalb der Klammern angegeben werden. Es ist erwähnenswert, dass die Texturauflösung bei der kleinsten (16x16) beginnen und mit Bildern in voller Größe für die Größe der Site-Seiten (800x600 und mehr) enden kann.
Schritt 4
Hintergrund mit einem Farbverlauf. In diesem Fall verwenden Sie die Hintergrundfarbe, die mit dem Befehl background-color festgelegt wurde, erstellen jedoch einen Farbverlauf. Der Farbverlauf kann horizontal (x) und vertikal (y) sein. Meistens wird eine horizontale Position als Hintergrundverlauf verwendet, sodass die Linie mit dem Verlauf so aussieht: background-repeat: repeat-x.
