Javascript Cambia Il Colore Del Testo

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

La proprietà CSS background-color applica il colore a un elemento di testo. è possibile specificare una parola chiave di colore incorporata in CSS, un valore esadecimale o un altro valore di colore con la proprietà background-color. La sintassi per questa proprietà è: color: yourcolor;.

L’impostazione del colore e del colore di sfondo del testo su un sito web è una parte essenziale del web design.

Questo&rsquo ;s dove entrano in gioco le proprietà CSS color e background-color. La proprietà color ti consente di impostare il colore del testo HTML. La proprietà background-color ti consente di definire i colori di sfondo del testo.

Questo tutorial discuterà, con esempi, come impostare il colore del testo in CSS. Parleremo poi di come impostare lo sfondo colore di un elemento di testo.

Colore carattere CSS

Il colore del carattere CSS viene impostato utilizzando la proprietà color. La proprietà color imposta il colore del testo, non lo sfondo dell’elemento. Puoi utilizzare le parole chiave di colore CSS o i valori di colore come stringhe esadecimali per impostare un colore.

La sintassi per la proprietà color è:

Questa regola imposta il colore di tutti i

i tag in un documento HTML in rosso.

Abbiamo usato una parola chiave CSS color. Queste parole chiave sono utili se vuoi fare riferimento a un colore standard, come "rosso" o "azzurro". Ma queste parole chiave non descrivono tutti i colori dello spettro. Se vuoi usare un colore specifico, potresti voler usare un altro tipo di etichetta colorata.

La proprietà color accetta qualsiasi uno dei seguenti valori:

ValoreDescrizioneEsempi
Nome coloreUn nome di coloreblu, rosa caldo
Colore esadecimaleUn colore esadecimale . Gli identificatori sono lunghi sei caratteri.#f7f7f7, #0000ff
Colore RGBRGB sta per rosso, verde e blu.rgb (0, 50, 28), rgb(0, 0, 255)
Colore HSLHSL sta per tonalità, saturazione e luminosità.hsl(0 , 50%, 50%), hsl(180, 50%, 25%)

Per impostazione predefinita, il colore del testo utilizzato da una pagina Web è il colore del testo che si applica al tag su una pagina Web. Se non diversamente specificato, sarà nero.

Potresti usare la proprietà color per definire i colori dei link nel tuo foglio di stile.

Facciamo un esempio per illustrare come funziona la proprietà color.

Cambia Colore dei caratteri CSS: un esempio

Supponiamo di progettare un sito Web per un negozio di alimentari locale, Peterson and Sons. I proprietari desiderano che il sito Web visualizzi un determinato blocco di testo in caratteri grigi. Possiamo impostarlo utilizzando il seguente codice:

Il nostro codice restituisce: Fai clic su’Immagine pulsante nell’editor di codice sopra per vedere l’output del nostro codice HTML/CSS.

Utilizziamo un

tag HTML per definire un paragrafo di testo che descrive il negozio di alimentari Peterson and Sons. Quindi, nel nostro codice CSS, creiamo uno stile che imposta il colore del testo di tutti i tag

su grigio. Per fare ciò, utilizziamo un valore per il nome del colore ("grigio").

Potremmo specificare "rgb(128, 128, 128)" al posto di "grigio" se volessimo fare riferimento a un valore di colore RGB. In alternativa, avremmo potuto impostare il colore del testo su grigio utilizzando un valore esadecimale o un valore HSL.

Non stiamo usando un file CSS per i nostri stili. I nostri stili CSS sono racchiusi all’interno di un