Meniu derulant
Salt la navigare Salt la căutare 
Exemplu de meniu derulant
Prin meniul derulant sau meniul derulant în informatică ne referim la un tip de meniu care este activat făcând clic pe unul dintre elementele barei de meniu și constă tocmai dintr-un meniu derulant de elemente alternative selectabile.
Meniurile derulante au fost introduse pentru prima dată într-un sistem de operare pentru computer personal de către Apple în 1984 , primul computer Macintosh dezvoltând idei și modele Xerox . Astăzi, meniurile derulante sunt unul dintre elementele principale ale oricărei interfețe grafice a tuturor sistemelor de operare.
Exemple de meniuri web
HTML:
< div class = "dropdown" >
< button class = "dropbtn" > meniu derulant </ button >
< div class = "dropdown-content" >
<A href = "#"> Link-uri 1 </ a>
<A href = "#"> Link 2 </ a>
<A href = "#"> Link 3 </ a>
</ div >
</ div >
CSS:
. dropbtn {
culoare de fundal : # ff00ff ;
culoare : alb ;
căptușeală : 16 px ;
dimensiunea fontului : 16 px ;
hotar : nici unul ;
}
. dropdown {
poziție : relativă ;
afișaj : bloc în linie ;
}
. dropdown-content {
display : none ;
poziție : absolută ;
culoare de fundal : # f2f2f2 ;
lățime min . : 180 px ;
box-shadow : 0 px 7 px 19 px 0 px rgba ( 0 , 0 , 0 , 0.3 );
indice z : 1 ;
}
. dropdown-content la {
culoare : negru ;
căptușeală : 12 px 16 px ;
decor-text : nici unul ;
display : bloc ;
}
. dropdown-content a : hover { background-color : #ccc ;}
. meniu derulant : planează . dropdown-content { display : block ;}
. meniu derulant : planează . dropbtn { background-color : # 35e48 ;}
