Con l'aggiunta di proprietà di stile CSS per una lista non ordinata HTML viene creato un menu CSS. Elenchi non ordinati vengono creati da un'apertura "< ul >" e "</UL >" tag, chiusura che racchiudono gli elementi dell'elenco. Ogni voce dell'elenco è creato da "< li >" e "</li >" tag. Quando vengono assegnate voci di elenco in un elenco non ordinato un "inline" CSS display proprietà, verranno visualizzati in una riga orizzontale, creare un menu CSS Dropdown orizzontale. Per modificare il menu CSS orizzontale in un menu verticale, è necessario modificare la proprietà di visualizzazione CSS per "bloccare", che farà sì che gli elementi dell'elenco di impilare verticalmente.

Istruzioni

1

Aprire il file di pagina Web che contiene il codice di stile CSS per il vostro menu orizzontale in un editor di testo o HTML. Per aprire il file della pagina Web nell'editor di testo predefinito di Windows, fare clic destro il file, quindi fare clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad" dall'elenco dei programmi e quindi fare clic su "OK".

2

Individuare l'elemento di elenco dichiarazione di stile CSS. La dichiarazione di stile di elenco elemento CSS controlla lo stile di ogni voce del menu. Si comincia con il nome o l'ID assegnato al menu CSS, preceduto da un "." o "#" e seguita da "li". Ad esempio, se l'ID del menu CSS è "navbar", la voce di elenco dichiarazione di stile CSS apparirà come "li #navbar".

3

Individuare il "display: inline;" testo nella voce di elenco dichiarazione di stile CSS.

4

Sostituire il testo "inline" con "blocco", così l'intero monitor proprietà Visualizza come "display: block;".

5

Fare clic sul menu "File" e quindi fare clic su "Salva".