Le classi del foglio di stile consentono di stendere qualsiasi elemento della pagina HTML, ad esempio una barra di navigazione. Si utilizza il tag "list" per creare l'elenco di valori, gli utenti possono fare clic nel menu e quindi applicare classi CSS per l'elenco per creare il layout. È possibile modificare lo sfondo del pulsante, a discesa Stili di testo, font e colori. È possibile inserire le classi CSS direttamente nella pagina HTML, o in un file CSS separato collegato nel codice HTML.

Istruzioni

1

Pulsante destro del mouse la pagina HTML Web che si desidera utilizzare per il menu di navigazione. Fare clic su "Apri con" e quindi fare clic su editor HTML nell'elenco dei programmi.

2

Creare le voci di menu. Per esempio, il codice seguente crea una voce di menu "Home" e una voce di menu "About Me":

< ul id = "menu" >

< li >< un href="home.html" > Home Page < /a >< / li >

< li >< un href="AboutMe.html" > About Me < /a >< / li >

</UL >

3

Creare lo stile CSS. È possibile utilizzare qualsiasi proprietà CSS per impostare il menu HTML. In questo esempio, il margine e sfondo colore vengono modificati. Digitare il seguente codice nel file HTML per creare una classe CSS inline:

< script type = "text/css" >

dal menu

{

margin: 0;

background-color: #ffffff;

}

< / script >

La classe è denominata con l'ID del menu, quindi la classe si collega automaticamente al menu appropriato.

4

Salvare le modifiche e aprire il file HTML con un browser Web. Rivedere il tuo menu per assicurarsi che il layout funziona per la tua pagina.