Detaillierte Erläuterung der Einstellungen des Hintergrund-Image-Attributs in HTML

Mit der Eigenschaft im Hintergrund können Sie ein Bild im Hintergrund angeben. Es kann in Verbindung mit der Hintergrundfarbe verwendet werden. Wenn das Bild nicht wiederholt wird, wird die Hintergrundfarbe mit der Hintergrundfarbe gefüllt, wenn das Bild nicht abgedeckt werden kann. Der Code ist einfach. Denken Sie nur daran, dass der Pfad relativ zum Stylesheet ist. Im folgenden Code befinden sich das Bild und das Stylesheet im selben Verzeichnis

Für Bilder denken wir zunächst an das Hintergrundbild. Weil viele unserer Dekorationen mit Hintergrundbildern erreicht werden. Da dies der Fall ist, beginnen wir mit dem CSS -Steuerhintergrund.

Die Hintergrund-Image-Eigenschaft legt das Hintergrundbild für das Element fest.

Der Hintergrund eines Elements nimmt alle Dimensionen des Elements auf, einschließlich der inneren Ränder und Ränder, nicht der äußeren Ränder.

Standardmäßig befindet sich das Hintergrundbild in der oberen linken Ecke des Elements und wird horizontal und vertikal wiederholt.

Bei einer Webseite denken wir beim Entwerfen möglicherweise nicht zu viel darüber nach, was das Hintergrundbild war, da die meisten von ihnen nur Hintergrundfarben entwerfen müssen. Ich finde es sehr einfach, denn es ist die gleiche wie die Vordergrundmusik, und die Geschwindigkeit der Webseitenöffnung wird einen bestimmten Einfluss haben. Für allgemeine persönliche Websites oder persönliche Blogs ist es jedoch natürlich unabdingbar, ihre eigene Persönlichkeit zu zeigen. Natürlich wird nichts nicht zu perfekt sein. Es gibt gute und schlechte Dinge. Das heißt, wenn das Bild nicht verfügbar ist, aber CSS verfügbar ist, wird der Ersatzinhalt nicht angezeigt. Daher wird nicht empfohlen, CSS -Hintergrundbilder im Navigationstasttext oder ähnliche Situationen zu verwenden.

Es gibt viele CSS -Attribute, die Hintergrundbilder steuern, und die meisten von ihnen werden verwendet, solange sie mit dem Bild zusammenhängen.

Natürlich ist das, was jeder am besten vertraut ist, Hintergrund und Hintergrundbild.

Der Code zum Entwerfen von Hintergrundbildern für Webseiten lautet:

Körper {Hintergrund: URL (d: /images/04.jpg)}

oder

Body {Hintergrund-Image: URL (d: /images/04.jpg)}

Auf diese Weise können wir die Bilder importieren, die wir als Hintergrund in die Webseite verwenden möchten.

Natürlich kann die Verwendung des obigen Code allein den gewünschten Effekt ausdrücken. Denn wenn das Bild klein ist, wird es flach gefliest. Wenn es groß ist, wird eine Bildlaufleiste angezeigt, was nicht gut ist. Daher müssen wir die Hintergrundaufnahme zur Anzeigesteuerung verwenden.

Es ist der Wert:

Wiederholen: Standardwert. Hintergrundbild in Porträt und horizontaler Richtung gekachelt

No-Repeat: Hintergrundbild ist nicht gefliest

Wiederholung-X: Das Hintergrundbild ist nur horizontal gekachelt

Wiederholung y: Das Hintergrundbild ist nur in vertikaler Richtung gekachelt

Was den Code betrifft, denke ich, dass jeder, der ein kleines CSS kennt

:

Körper {Hintergrund: URL (d: /images/04.jpg); Hintergrundrepeat: No-Repeat}

Auf diese Weise wird es an der Originalbildgröße angezeigt.

Aber die Frage ist, was ist, wenn das Bild zu groß ist? Für eine gute Webseite ist es am besten, nicht zu große Bilder zu verwenden. Der Grund wurde auch oben erwähnt, was die Geschwindigkeit der Öffnung der Webseite beeinflusst. Wir sollten PS oder Feuerwerk besser benutzen, um damit umzugehen. Aber da ich es erwähnt habe, haben wir keine Angst, CSS zu verwenden, um die Bildgröße zu steuern.

Ich denke, viele Leute werden natürlich den folgenden Code verwenden: