Um eine Website mit einem einzelnen Bild als Hintergrund zu erstellen, empfehlen wir die Verwendung des folgenden CSS-Beispiels in Ihrem HTML-Code.
<style type="text/css">
<!--
body {
background-image: url(https://www.computerhope.com/cdn/computer-hope.jpg);
background-repeat: no-repeat;
}
-->
</style>
Um den obigen Code zu implementieren, kopieren Sie die Zeilen und fügen Sie sie zwischen den
-Tags ein. Wenn Sie einen WYSIWYG-Webseiteneditor verwenden, müssen Sie auf den Link oder die Option klicken, die Ihnen das Einfügen von HTML-Code ermöglicht, bevor Sie den obigen Code eingeben. Schließlich verwendet dieses Beispiel ein Bild von Computer Hope. Wenn Sie ein benutzerdefiniertes Bild verwenden möchten, ersetzen Sie die fettgedruckte URL im Code durch den Speicherort Ihres Bildes.Wenn Sie ein externes CSS-Stylesheet verwenden, können Sie auch den Body-Teil des obigen Beispiels in Ihre CSS-Datei kopieren.
<html>
<head>
Insert above code here
<title>Example</title>
</head>
<body>
</body>
</html>
Viele Benutzer möchten möglicherweise ein einzelnes großes Bild als Hintergrund erstellen. Wenn Sie dies vorhaben, nehmen Sie Rücksicht auf Personen mit langsameren Internetverbindungen. Große Bilder brauchen Zeit zum Laden und sehen möglicherweise nicht richtig aus, wenn Personen eine kleinere Monitorgröße oder Auflösung verwenden.
Wenn Sie festlegen möchten, dass das Hintergrundbild stattdessen wiederholt wird, legen Sie die Eigenschaft background-repeat auf einen der folgenden Werte fest.
-
wiederholen – wiederholt das Hintergrundbild sowohl horizontal als auch vertikal.
-
repeat-x – wiederholt das Hintergrundbild nur horizontal.
-
repeat-y – wiederholt das Hintergrundbild nur vertikal.
