Cambiare un componente div sul tuo sito web cambia l'aspetto del contenuto del tag div circonda. Cambiando il disegno di un div può essere realizzato modificando il codice in un foglio di stile e caricare il nuovo foglio di stile al tuo sito web.

istruzione

Aprire i documenti HTML e CSS

1 Aprire il documento HTML e individuare il componente div che si desidera modificare. Si è avvolto intorno al contenuto di cui si desidera cambiare il design:

"<Div id =" componente> contenuto che si desidera per lo stile diverso. </ Div>

2 Aprire il documento CSS e cercare il codice div che si desidera modificare. Sulla base dell'esempio nella fase 1, sarà simile a questa:

componente {

font:12px;

border: 1px, # 567.654;

}

3 Apportare modifiche al div utilizzando il codice CSS. È possibile modificare quasi tutto su un div, tra cui altezza, tipo di carattere, il bordo e il colore di sfondo. Alcuni cambiamenti potrebbero modificare il codice come segue:

componente {

font:12px;

border: 1px, # 567.654;

sfondo: #FFFFFF;

allineare a sinistra;

position: absolute;

}

4 Salvare le modifiche al nuovo foglio di stile quando si è soddisfatti con il design.

Carica nuovo foglio di stile

5 Accedi di hosting cPanel del sito web (pannello di controllo).

6 Eliminare il vecchio foglio di stile.

7 Sfoglia per il nuovo foglio di stile. Selezionare e caricarlo attraverso il file manager.

8 In anteprima le modifiche nel browser Web.

Consigli e avvertenze

• Non modificare qualsiasi codice HTML.
• Assicurati di terminare i codici di CSS con un punto e virgola e chiudere il blocco con il "}" carattere, o staffa ricci.