Colori

Lezione 4 di 8 del corso Progetto CSS - Pulsante elegante di Coddy.

Il colore di sfondo e il colore del testo sono tra gli elementi più importanti quando si definisce lo stile di un pulsante!

È importante tenere conto del contrasto cromatico per garantire la leggibilità: quando il colore di sfondo è scuro, il colore del testo dovrebbe essere chiaro.

Ecco alcuni esempi di colori scuri:

nero
blu
rosso
marrone

Ecco alcuni esempi di colori chiari:

bianco
giallo
rosa

Sfida

Facile

Attività:

Imposta il colore del testo del pulsante su white
Imposta il colore di sfondo del pulsante su un colore scuro, assicurandoti che abbia un contrasto sufficiente!

Suggerimento:

Puoi impostare un colore di sfondo con gradiente lineare (puoi modificare i colori),

background: linear-gradient(rgb(6, 6, 209), rgb(46, 46, 219));

Oppure con un angolo (ad esempio 45 gradi),

background: linear-gradient(45deg, rgb(6, 6, 209), rgb(46, 46, 219));

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
    </body>
</html>

Tutte le lezioni di Progetto CSS - Pulsante elegante

1Introduzione

Introduzione Parte HTML

2Il progetto CSS

Colori

Esercitati da solo: Playground Web