Erstellen einer Webseite mit einem einzelnen Hintergrundbild und nicht einem gekachelten Hintergrund

Um eine Website mit einem einzelnen Bild als Hintergrund zu erstellen, empfehlen wir die Verwendung des folgenden CSS-Beispiels in Ihrem HTML-Code.

Um den obigen Code in Ihre Webseite zu implementieren, kopieren Sie die obigen Zeilen und fügen Sie die Abschnitte Ihrer Webseite ein. Wenn Sie einen WYSIWYG-Webseiten-Editor verwenden, müssen Sie auf den Link oder die Option klicken, mit der Sie HTML-Code einfügen können, bevor Sie den obigen Code eingeben. Schließlich wird in diesem Beispiel ein Bild von Computer Hope verwendet. Wenn Sie ein benutzerdefiniertes Bild verwenden möchten, ersetzen Sie die oben dargestellte fettgedruckte URL durch den Ort Ihres Bildes.

Tipp: Wenn Sie ein externes CSS-Stylesheet verwenden, können Sie auch den Hauptteil des obigen Beispiels in Ihre CSS-Datei kopieren.

Geben Sie den obigen Code hier ein

Beispiel

Tipp: Viele Benutzer möchten möglicherweise ein einzelnes großes Bild als Hintergrund erstellen. Wenn Sie dies vorhaben, achten Sie auf Personen mit langsameren Internetverbindungen. Große Bilder brauchen Zeit, um geladen zu werden, und für Benutzer, die eine kleinere Monitorgröße oder Auflösung verwenden, erscheint das Bild möglicherweise nicht richtig.

Hinweis: Wenn Sie stattdessen festlegen möchten, dass das Hintergrundbild wiederholt wird, legen Sie die Hintergrundwiederholungseigenschaft auf eine der folgenden Optionen fest:

  • wiederholen - das Hintergrundbild wird horizontal und vertikal wiederholt.
  • repeat-x - Das Hintergrundbild wird nur horizontal wiederholt.
  • repeat-y - Das Hintergrundbild wird nur vertikal wiederholt.