Nwlapcug.com


Come progettare una barra di navigazione con angoli arrotondati

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.