Farben

Lektion 4 von 8 im Kurs CSS-Projekt – Schicker Button von Coddy.

Hintergrundfarbe und Textfarbe sind eines der wichtigsten Dinge beim Styling eines Buttons!

Es ist wichtig, den Farbkontrast für die Lesbarkeit zu beachten; wenn die Hintergrundfarbe dunkel ist, sollte die Textfarbe hell sein.

Einige Beispiele für dunkle Farben:

Schwarz
Blau
Rot
Braun

Einige Beispiele für helle Farben:

Weiß
Gelb
Rosa

Aufgabe

Einfach

Aufgaben:

Setze die Textfarbe des Buttons auf white
Setze die Hintergrundfarbe des Buttons auf eine dunkle Farbe, achte auf genügend Kontrast!

Tipp:

Du kannst eine lineare Gradienten-Hintergrundfarbe verwenden (du kannst die Farben anpassen),

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

Oder mit einem Winkel (zum Beispiel 45 Grad),

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

Probier es selbst

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

Alle Lektionen in CSS-Projekt – Schicker Button

1Einführung

2Das CSS-Projekt

Farben