Come cambiare il colore di sfondo in HTML
Il colore di sfondo del documento/elemento HTML migliora l'estetica della pagina web. La modifica del colore di sfondo di una pagina Web HTML consente di creare layout colorati unici. L'aggiunta del colore di sfondo a HTML lo distingue di più e lo rende più leggibile per i lettori.
HTML fornisce un ampio supporto per manipolare gli elementi. HTML fornisce il supporto per modificare il colore di sfondo secondo il requisito.
Questo articolo mira a servire vari metodi per cambiare il colore di sfondo in HTML. Otterrai i seguenti risultati di apprendimento:
- Come cambiare il colore di sfondo in HTML usando CSS in linea
- Come cambiare il colore di sfondo in HTML usando il CSS interno
- Come modificare il colore di sfondo in HTML usando il CSS esterno
Come cambiare il colore di sfondo in HTML
IL Proprietà "Background-color" In HTML cambierà il colore di sfondo. Le versioni precedenti hanno supportato il Proprietà "BGColor" che non è più supportato dall'ultima versione. IL Proprietà "Background-color" può essere esercitato tramite i seguenti mezzi:
- CSS in linea: Gli stili CSS vengono aggiunti all'interno del tag
- CSS interno: Gli stili vengono aggiunti nella sezione testa all'interno del documento HTML
- CSS esterno: Un file CSS esterno viene creato e collegato con il documento HTML per aggiungere le modifiche
Tutti questi metodi sono discussi nelle prossime sezioni.
Come cambiare il colore di sfondo in HTML usando CSS in linea
CSS in linea viene utilizzato all'interno del tag di apertura dell'elemento dell'elemento, in linea CSS influenzerà solo l'elemento in cui viene utilizzato. Utilizzeremo l'attributo a base di sfondo per modificare l'attributo di colore
Codice:
| 1 2 3 | Abbiamo usato l'attributo a base di sfondo per modificare il colore di sfondo |
Qui abbiamo usato CSS in linea nel tag corporeo, al colore di sfondo
Abbiamo usato l'attributo di stile all'interno del tag corpo.
Produzione:
Il colore di sfondo del tag corpore viene modificato in Azure dopo aver applicato CSS in linea.
Come modificare il colore di sfondo in HTML usando CSS interno
Il CSS interno viene utilizzato per modellare un singolo documento HTML all'interno della sezione testa. Tutto il codice CSS sarà all'interno del tag di stile e del tag di stile sarà all'interno del tag Head.
Codice:
| 1 2 3 4 5 6 7 |
Abbiamo usato CSS in linea e selezionato la sezione corpo.
Produzione:
Come puoi vedere, il colore di sfondo è cambiato in Azure usando CSS in linea.
Come cambiare il colore di sfondo in HTML usando CSS esterno
CSS esterno è un file separato che contiene solo codice CSS. È collegato all'interno della sezione testa di un file HTML utilizzando il tag, può essere utilizzato per apportare modifiche a più pagine Web. I file CSS esterni devono essere salvati con .Estensione CSS.
Codice CSS:
| 1 2 3 | corpo Background-color: #f0ffff; |
Viene creato un file CSS "stile.CSS " e il codice sopra menzionato è scritto all'interno "stile.CSS ".
Codice HTML:
| 1 2 3 |
Inoltre, le seguenti righe vengono utilizzate per collegare il file CSS in un documento HTML.
Il tag viene utilizzato per collegare il file CSS nella sezione testa.
Produzione:
Si osserva che il colore di sfondo viene cambiato da predefinito ad Azure.
Conclusione
L'attributo di sfondo cambierà il colore di sfondo in HTML. L'attributo-color background verrà applicato utilizzando tutti i metodi di styling in linea, CSS interni ed esterni. Il "nome colore", il valore "hexa" del colore o la combinazione "RGB" della proprietà "color sfondo" può essere utilizzato per applicare una varietà di colori.