CSS HR mit Ornament
Ich habe mit etwas gekämpft, das theoretisch für ein paar Tage sehr einfach sein sollte ... und ich bin entschlossen, nicht aufzugeben.
Ich versuche das zu erreichen:
Im Wesentlichen horizontale Regel, mit einem Ornament zwischen - der HR wird die gesamte Breite des Bildschirms überspannen.
Also habe ich meine PSD geschnitten, um das Ornament als Bild herauszulassen - und ich versuche, dies auf ein
zu überlagern zentriert, aber kläglich versagt.Mein Markup:
%Vor%CSS:
%Vor%}
Ich kann einfach nicht herausfinden, wie man das Bild in der Mitte des HR erscheinen lässt .... Jede Hilfe oder Hinweise würden geschätzt werden.
4 Antworten
Ändern Sie das Markup tp
%Vor%Fügen Sie dem Stylesheet Folgendes hinzu: Ersetzen Sie 16px durch einen geeigneten Wert, der von der Höhe des Bildes und der erwarteten Schriftgröße abhängt.
%Vor% Ein besserer Ansatz besteht jedoch darin, nur ein Bild zu verwenden, das in einem div -Element zentriert ist und ein geeignetes Hintergrundbild hat, das sich horizontal wiederholt. Das Hintergrundbild würde ein Stück sein, das die gleiche Farbe wie der gesamte Seitenhintergrund hat, aber eine horizontale Linie in der Mitte hat.
Schau dir diese Geige an. Sie können das Ornamentbild als Hintergrund für div mit der Klasse ornament festlegen.