Un menu CSS è stato creato con l'aggiunta di proprietà di stile CSS per una lista non ordinata HTML. Le liste non ordinate sono creati da una apertura "<ul>" e la chiusura "</ ul>" tag, che racchiudono voci di elenco. Ogni elemento della lista è stato creato da "<li>" e "</ li>" tag. Quando gli elementi della lista in una lista non ordinata viene assegnato un immobile "in linea" CSS display, che verranno visualizzati in una fila orizzontale, creando un menu CSS orizzontale. Per modificare il menu CSS orizzontale in un menu verticale, è necessario modificare la proprietà CSS display a "blocco", che farà sì che le voci di elenco di impilare in verticale.

istruzione

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

2 Individuare la dichiarazione di stile CSS elemento della lista. La dichiarazione di stile CSS elemento della lista controlla lo stile di ogni voce nel menu. Si inizia con il nome o l'ID assegnato al menu CSS, preceduto da un "." o "#", seguita da "li". Ad esempio, se l'ID del menu CSS è "barra di navigazione", la dichiarazione di stile CSS elemento della lista verrà visualizzata come "#navbar li".

3 Individuare il "display: inline;" testo nella dichiarazione di stile CSS elemento della lista.

4 Sostituire il testo "in linea" con il "blocco", così l'intero display proprietà display come "display: block;".

5 Fare clic sul menu "File" e poi su "Save".