Zeigen Sie das Randdreieck in der Navigationsleiste mit CSS an

8

Ich versuche eine Navigationsleiste mit einem Pfeil unter dem Gegenstand zu erstellen. Hier ist, was ich versuche zu machen:

Für den Pfeil habe ich die Pseudo-Elemente before und after verwendet. Hier ist ein Teil des Codes:

%Vor% %Vor%

Fidel-Link

Die Pfeile sind aufgrund der Rahmenfarbe schwarz. Wie werden nur die Grenzen des Pfeils angezeigt?

    
Ateev Chopra 03.06.2015, 07:00
quelle

3 Antworten

9

Fügen Sie einfach before pseudo-Element wie das hinzu, was Sie :after

hinzufügen %Vor%

und ich habe Ihren Stift aktualisiert, bitte überprüfen Sie

Ссылка

    
Karthi Keyan 03.06.2015, 07:05
quelle
4

Sie können ein gedrehtes Pseudoelement mit Rahmen verwenden:

%Vor% %Vor%
    
web-tiki 03.06.2015 07:14
quelle
1

Es kann leicht mit dem Vorher-Nachher-Kurs gemacht werden. Ändern Sie Ihr Pseudo-Element in vor und verwenden Sie ein After-Pseudo-Element, um ein weißes Dreieck innerhalb des schwarzen Trainagle zu zeichnen. Für Ihren Code kann das CSS so etwas sein

%Vor%

}

    
Megha 03.06.2015 07:56
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Gibt es andere Sensoren in android neben diesen?