Um Ihre Website im Internet zu verschönern, können Sie Änderungen am Design vornehmen. Das Ändern des Designs erfordert jede Aktion, vom Ändern des Hintergrunds der Hauptseite bis zum vollständigen Neuzeichnen der Site-Vorlage. Wenn Sie sich entscheiden, den Hintergrund Ihrer Website zu ändern, hilft die folgende Anleitung bei der Lösung dieses Problems.
Notwendig
Bearbeiten der CSS-Datei
Anweisungen
Schritt 1
Der Site-Design-Code befindet sich größtenteils in der Datei style.css. Jede Vorlage kann sich jedoch von der vorherigen unterscheiden, sodass sich der Designcode in einer anderen Datei befinden kann, aber auch mit der CSS-Erweiterung. Um die Hintergrundfarbe Ihrer Site festzulegen, müssen Sie den vorhandenen Wert durch den folgenden Ausdruck eingeben oder ersetzen: / * white background * / body {
background-color: #FFFFFF;} / * weißer Titelhintergrund, schwarze Schriftfarbe * / h1 {
Farbe: # 000000;
Hintergrundfarbe: #FFFFFF;
}
Schritt 2
Um ein Bild als Hintergrund auf Ihrer Site einzufügen, müssen Sie den vorhandenen Wert durch den folgenden Ausdruck eingeben oder ersetzen: body {
Hintergrundfarbe: # 000000;
Hintergrundbild: URL ("Image-1.jpg");
}
Es ist zu beachten, dass in diesem Fall ein Link zur Bilddatei bereitgestellt werden muss, die sich im selben Ordner wie die CSS-Datei befindet.
Schritt 3
Wenn Sie ein kleines Bild oder ein kleines Bild kacheln möchten, verwenden Sie den Befehl background-repeat. Um diesen Befehl korrekt zu verwenden, gibt es mehrere Verfeinerungen an diesem Befehl:
background-repeat: repeat-x - wiederholt das Bild entlang der x-Achse;
background-repeat: repeat-y - wiederholt das Bild entlang der y-Achse;
background-repeat: repeat - ein Bild gleichzeitig entlang zweier Achsen wiederholen;
background-repeat: no-repeat - das Bild wird nicht wiederholt;
Hintergrundanhang: scrollen - das Bild zusammen mit der Seite scrollen;
background-attachment: behoben - das Bild wird nicht gescrollt.
Mit der Syntax dieses Befehls können Sie die Funktionsweise in Beispielen zeigen:
background-position: 30px 40px - Das Bild ist 30 Pixel von oben nach unten und 40 Pixel von links nach rechts.
background-position: 60% 35% - Linke Polsterung beträgt 60% und obere Polsterung beträgt 25%.
