Sie möchten Ihr Hintergrundbild nur einmal und/oder zentriert darstellen?
Das CSS-Attribut "background-repeat" gibt an, wie oft ein Hintergrundbild wiederholt wird.
Weisen Sie diesem Attribut den Wert "no-repeat" zu, so wird das Hintergrundbild nur einmal angezeigt.
Weitere mögliche Werte sind "repeat-x" (waagrechte Wiederholung) und "repeat-y" (senkrechte Wiederholung). Die Voreinstellung ist "repeat" (ständige Wiederholung).
Mit Hilfe des CSS-Attributes "background-position" definieren Sie die Position des Hintergrundbildes.
So bewirkt der Wert "center" eine zentrierte Darstellung ("top" = nach oben ausgerichtet, "bottom" = nach unten ausgerichtet, "left" = nach links ausgerichtet und "right" = nach rechts ausgerichtet).
Ein Beispiel für die beiden CSS-Eigenschaften:
<html>
<head>
<style type="text/css">
<!--
body {
background-repeat: no-repeat;
background-position: center;
background-image: url(hintergrund.gif);
}
-->
</style>
</head>
<body>
Dies ist ein Beispiel-Text, der das Beispiel verdeutlichen soll.<br>
Beispielsweise finden Sie hier viel Text.
</body>
</html>