Mam witryny gdzie niektóre pozycje menu są rozwijane (CSS)Dodaj prostą strzałkę w dół obrazu do rozwijanego menu
chcę dodać małą strzałkę w dół z widokiem na niektórych nagłówków menu, które są zdolne do spadku na dół. Czy ktoś może mi dać jakieś pomysły, jak to zrobić.
Dzięki
Wystarczy użyć tego znaku: http://www.fileformat.info/info/unicode/char/25bc/index.htm
▼ - ▼
Albo może można użyć obrazu strzałką skierowaną w dół.
Myślę, że to jest komentarz, a nie odpowiedź. –
Nie polecam tego obrazu, chyba że potrzebujesz unikatowej strzałki, której nie możesz uzyskać za pomocą CSS (lub z biblioteką font-awesome/bootstrap), ponieważ dodaje ona dodatkowe zasoby, które nie są potrzebne. Zawsze dobrze, aby tego uniknąć, gdy to możliwe. – Sprose
Wypróbuj poniższy kod, aby dodać strzałkę, dostosuj wysokość i szerokość oraz położenie strzałki zgodnie z potrzebami.
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;
}
Jeśli używasz bootstrap, można wykonać następujące czynności:
<span class="caret"></span>
To będzie wstawić małą strzałkę w dół tam, gdzie rozpiętość jest umieszczony.
a:after{
content: '';
border: 4px solid transparent;
border-top: 4px solid white;
margin-left: 2px;
margin-bottom: 3px;
display: inline-block;
vertical-align: bottom;
}
myślę, że to jest najlepszy sposób na to, jak można regulować granicę dla długości i wyregulować „border-top” dla wysokości, co daje pełne dostosowanie.
Jeśli menu tworzenia i chcesz strzałka nie wypełnić czarny w strzałki wypróbować ten kod: (aby strzałka nie wypełnić dowolny kolor)
∇ - ∇Interesujący [symbol nabla] (https://en.wikipedia.org/wiki/Nabla_symbol) ma nazwę podmiotu. – dakab
Brilliant !! Dokładnie to, czego szukałem. Wielkie dzięki. –