Drop-Down-Menü Ich habe eine Seite, wo bestimmte Menüpunkte sind Dropdown (CSS)Fügen Sie ein einfachen Pfeil Bild nach unten
Ich möchte einen kleinen nach unten zeigenden Pfeil auf den bestimmten Menü Header hinzufügen, die Lage zu fallen Nieder. Kann jemand mir irgendwelche Ideen geben, wie man das macht.
Dank
Verwenden Sie einfach diesen Charakter: http://www.fileformat.info/info/unicode/char/25bc/index.htm
▼ - ▼
Oder sein können Sie ein Bild von dem Pfeil nach unten zeigen können.
Ich denke es ist ein Kommentar, keine Antwort. –
Ich würde ein Bild dafür nicht empfehlen, es sei denn, Sie möchten einen eindeutigen Pfeil, den Sie nicht durch CSS (oder mit einer Font-awesome/Bootstrap-Icon-Bibliothek) erreichen können, da zusätzliche Ressourcen hinzugefügt werden, die nicht benötigt werden. Immer gut, dies möglichst zu vermeiden. – Sprose
Probieren Sie den folgenden Code, um den Pfeil hinzuzufügen, passen Sie die Höhe und Breite und Position für den Pfeil nach Ihren Bedürfnissen.
li.has_child:after {
content: '';
position: absolute;
border: 7px solid transparent;
/* This will set the direction of the arrow.*/
border-top: 7px solid white;
top: 34px;
margin-left: 5px;
}
Wenn Sie Bootstrap verwenden, können Sie folgendes tun:
<span class="caret"></span>
Dies fügt einen kleinen Pfeil nach unten, wo die Spanne platziert wird.
a:after{
content: '';
border: 4px solid transparent;
border-top: 4px solid white;
margin-left: 2px;
margin-bottom: 3px;
display: inline-block;
vertical-align: bottom;
}
Ich denke, dies ist der beste Weg, es zu tun, wie Sie die Grenze für die Länge anpassen und die ‚border-top‘ für die Höhe anpassen, können Sie die vollständige Anpassung zu geben.
Wenn Sie schon die Erstellung Menü und möchten Sie auf den Pfeil in der Pfeil versuchen, diesen Code nicht schwarz füllen: (: Pfeil keine Farbe füllen)
∇ - ∇Interessant das [Nabla Symbol] (https://en.wikipedia.org/wiki/Nabla_symbol) hat eine benannte Entität. – dakab
Brilliant !! Genau das, was ich gesucht habe. Danke vielmals. –