Colore Di Sfondo Javascript

| | | | | | | | | | | | | | | | | | | | | |

I CSS possono intimidire anche gli sviluppatori esperti: ci sono cosi tante opzioni! Ma in questo articolo parleremo di come modificare il colore di sfondo nel documento HTML senza creare un foglio di stile a cascata separato.

Quando utilizzi HTML5, puoi aggiungere un colore di sfondo utilizzando il attributo style e proprietà ’background-color’. Puoi implementare questo attributo sull’elemento che preferisci; tuttavia, per impostare il colore di sfondo dell’intera pagina, l’attributo style dovrebbe essere nel tag body. Il tuo codice HTML potrebbe essere simile a questo:

Questo codice ci fornisce una pagina HTML con uno sfondo arancione.

Implementazione di sistemi di colori Web aggiuntivi

Ricardo Gomez Angelo PRZVCSTqje4 Unsplash
Diversi sistemi di colore possono essere usati per cambiare il colore di sfondo.

Quando selezioni il tuo colore in HTML , l’attributo style accetta codici esadecimali, nomi di colori HTML, valori di colore RGB(A) e valori di colore HSL. Nel caso dei colori RGB e dei colori HSL, i sistemi di colore devono essere inclusi nella dichiarazione del colore di sfondo.

Di seguito sono elencati esempi di come formattare ciascun sistema di colori:

Codice esadecimale

Nome colore HTML

Valori colore RGB

Valori colore RGBA

Valori colore HSL

Valori colore HSLA

Una cosa da notare: se usi questo metodo per impostare il colore di sfondo, ma in seguito scrivi un file CSS esterno, assicurati di rimuovere l’attributo style e la proprietà background-color dal tuo HTML per impedire a uno stile di sovrascrivere l’altro.

Conclusione

In questo articolo abbiamo discusso come modificare il colore di sfondo con l’HTML. Se non conosci l’HTML, dai un’occhiata alla nostra guida qui: Learn HTML: A Guide to Learning Hypertext Markup Language o leggi il nostro articolo Quanto tempo ci vuole per imparare l’HTML?