CSS permette di formattare il testo in vari modi. In questa lezione, vediamo come attribuire il colore al testo e come aggiungergli il colore di sfondo.
Per colorare il testo, si può utilizzare la proprietà color. Questa proprietà ti permette di scegliere il colore che ti interessa, con la sintassi color:colore.
Il colore può essere:
Abbiamo già approfondito i diversi tipi di colori nella lezione dei colori CSS.
Ecco un esempio:
<p>Questo testo è rosso</p>
<style>
p {
color: red;
}
</style>È possibile definire con CSS il colore di sfondo del testo, attraverso la proprietà background-color. Anche in questo caso, è possibile scegliere qualsiasi tipo di colore.
In questo modo, ad esempio, possiamo evidenziare il testo in giallo:
<span>Questo testo è evidenziato di giallo</span>
<style>
span {
background-color: yellow;
}
</style>Ricordiamo che è possibile evidenziare un elemento HTML anche attraverso il tag <mark> degli stili dei paragrafi.