Grazie ai fogli di stile CSS (CSS), è possibile progettare una barra di navigazione colorate senza un editor di immagini. CSS3 permette personalizzazioni aggiuntive alla barra di navigazione dagli angoli arrotondati che incorporanti. È possibile effettuare uno o più angoli sulla navigazione rotondo con la proprietà radius di confine. Un valore maggiore rende il raggio più rotondo, mentre un valore inferiore e piazze off. È possibile impostare il raggio di valore o percentuale.
Istruzioni
1
Aprire il file HTML che si desidera modificare in un editor di testo.
2
Inserire il seguente codice tra i tag di apertura e chiusura testa:
< style type = "text/css" >
<!...
NAV () {
-moz-border-radius: 100px;
border-radius: 100px;
background-color: verde;
Altezza: 25px;
Larghezza: 800px;
}
NAV un: link, visitato, hover, active {
Proprietà Text-decoration: none;
colore: bianco;
padding-left: 10px;
}
-->
< / stile >
3
Sostituire "verde" con il colore di sfondo che si desidera applicare alla tua navbar.
4
Sostituire "100px;" con il raggio che si desidera utilizzare.
5
Sostituire i valori per altezza e larghezza con le dimensioni della barra di navigazione.
6
Inserire il codice seguente dopo l'apertura tag BODY, dove si desidera che la navigazione di andare:
< div id = "nav" >
< a href = "URL" > Link 1 < /a > | < a href = "URL" > Link 2 < /a > | < a href = "URL" > Link 3 < /a >
< / div >
7
Sostituire "URL" con l'indirizzo di sito Web che sta creando il collegamento. Sostituire "Link 1," "Link 2" e "Link 3" con il testo che viene visualizzato per ogni collegamento.