Style Halbe Stunde anders als andere Hälfte
Wie der Titel andeutet, versuche ich, die Hälfte eines <hr> so zu gestalten, dass sie sich von der anderen Hälfte unterscheidet:
Wie Sie sehen können, ist die linke Hälfte von <hr> rot und etwas dicker als die dünne, graue Seite rechts. Möglich, dies mit CSS zu erreichen? Danke!
7 Antworten
Für die <hr> -Zeile können Sie das Pseudo-Element css :before verwenden, um den andersfarbigen Bereich zu erstellen (bitte ändern Sie die Farben und Größen, damit sie zu Ihrem Design passen):
Sie können :before pseudo-element für die Hälfte von hr verwenden und absolute position verwenden.
Ja, das Vorher-Pseudo ist genial. Aber hier ist eine andere Möglichkeit, die Sie verwenden können, die Sie leicht mit einem CSS-Gitter implementieren:
CSS:
%Vor%HTML:
%Vor%Verwenden Sie einen linearen Farbverlauf. Dies könnte Ihnen helfen.
%Vor%