Come cambiare colore al testo in HTML e CSS

Come cambiare colore al testo in HTML e CSS

Come cambiare colore al testo in HTML e CSS

Come cambiare colore al testo in HTML e CSS: Guida alla modifica del colore di un testo in HTML utilizzando gli stili CSS.

L’HTML è il linguaggio utilizzato per creare la struttura di una pagina web, ma per poter personalizzare l’aspetto grafico della pagina abbiamo la necessità di integrare ai tag HTML anche quelli in CSS.

Questi due linguaggi di markup e formattazione lavorano a stretto contatto, ed è impossibile trovare un sito web che non li usi entrambi.

Vediamo in questo articolo come modificare il colore di un testo, personalizzandolo con uno a piacere.

Per farlo, come detto, dobbiamo utilizzare i tag CSS, possiamo sia creare un file css, che integrare direttamente il codice all’interno della pagina HTML, o dell’elemento da modificare.

Tag CSS per modificare il colore di un testo

In CSS, per poter modificare il colore di un testo dovremo semplicemente scrivere color: nome_colore_in_inglese, es:

color: red

oppure usare il codice esadecimale del colore, es:

color: #FF000C

possiamo inserire direttamente questo codice nell’elemento, scrivendo:

<p style=”color:red”>Testo rosso</p>

Oppure possiamo creare una classe che poi possiamo andare ad associare a tutti gli elementi che vogliamo colorare di rosso (o del colore scelto), scrivendo all’interno dell’head del sito web:

<style>

.colore-rosso: {color:red}

</style>

e in questo caso dovremo semplicemente assegnare la classe colore-rosso all’elemento da colorare, es:

<p class=”colore-rosso”>Testo rosso</p>

Claudio Masci
Claudio Masci

Sono innanzitutto un appassionato di informatica e tecnologia in generale. Lavoro in ambito informatico da circa 16 anni, spaziando in diversi campi, andando dalla programmazione web, allo sviluppo di software, dalla grafica alla modellazione 3d ed al video editing, ho sempre voluto approfondire ogni aspetto e questo mi ha permesso di lavorare in diversi ambiti informatici.

    Rispondi

    X
    Mostra
    facebook
    twitter
    youtube
    reddit
    follow us in feedly
    Flipboard