Blog Pisklova Alexander → Fă un meniu simplu drop-down 62 # 8599; 0 Ascunde Ascunde blog
Crearea unui meniu drop-down
Scriem codul HTML pentru meniul
Design meniu
Ne întoarcem la cea mai importantă parte a lecției, design-meniu sau transformarea unei liste simple într-un meniu drop-down. În primul rând, trebuie să decideți unde vom scrie stiluri de meniu. Ei (stiluri) pot fi luate ca un fișier sau css separat pentru a le scrie în același fișier în cazul în care lista. Personal, prefer prima opțiune (un fișier separat). Hai să procedeze în consecință. Conectarea înregistrarea fișierului css
dacă style.css va fi amplasat în același director ca și lista de fișiere (noi numim menu.html). sau
dacă fișierul este într-un alt director. Acum, creați un fișier style.css și începe să scrie stiluri. Scriem stilurile generale care definesc design-ul și aspectul meniului
În aceste stiluri pentru a elimina padding și granița face meniul de fundal gri deschis, setați înălțimea de meniu (30 px), îndepărtați marcatorii în liste, în ceea ce privește elementele de meniu de poziționare, setați cadrul și aliniați textul la centrul butonului.
Continuăm și setați stilul pentru elementele verticale.
În această parte suntem flyout de lucru, și a cerut fiecare imagine principală buton sub forma unui triunghi. Aceste triunghiuri va însemna că acest buton are sub-secțiuni. Dar ce putem spune despre acel buton, care nu are mai partiție (butonul VAZ-2106)? Acest lucru vom discuta în secțiunea următoare.
Acum, cele mai interesante stiluri prescrie, prin intermediul care atunci când treci peste un buton și va apărea un submeniu.
Și un alt plus un alt plus. Meniul nu este cadrul din dreapta, asa ca ne-am înregistrat un nou stil de frontieră. Acest stil trebuie să fie setat la ultimul punct, în acest caz, Mazda. Prin urmare, de la
Ei bine, asta e tot, încercați să pună în aplicare un anunț similar, dar ajustarea stiluri pentru design-ul.