Couleurs

Leçon 4 sur 8 du cours Projet CSS - Bouton stylisé de Coddy.

La couleur d'arrière-plan et la couleur du texte sont l'un des éléments les plus importants lors du stylisme d'un bouton !

Il est important de noter le contraste des couleurs pour la lisibilité ; lorsque la couleur d'arrière-plan est foncée, la couleur du texte doit être claire.

Quelques exemples de couleurs foncées :

noir
bleu
rouge
marron

Quelques exemples de couleurs claires :

blanc
jaune
rose

Défi

Facile

Tâches :

Définissez la couleur du texte du bouton sur white
Définissez la couleur d'arrière-plan du bouton sur une couleur sombre, assurez-vous qu'il y a suffisamment de contraste !

Conseil :

Vous pouvez définir une couleur d'arrière-plan en dégradé linéaire en utilisant (vous pouvez ajuster les couleurs),

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

Ou avec un angle (45 degrés par exemple),

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

Essayez vous-même

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

Toutes les leçons de Projet CSS - Bouton stylisé

1Introduction

Introduction Partie HTML

2Le projet CSS

Couleurs