Renkler

Coddy'nin CSS Projesi - Şık Buton kursunda ders 4 / 8.

Arka plan rengi ve metin rengi, bir butonu stillendirirken en önemli şeylerden biridir!

Okunabilirlik için renk kontrastına dikkat etmek önemlidir; arka plan rengi koyu olduğunda metin rengi açık olmalıdır.

Bazı koyu renk örnekleri:

siyah
mavi
kırmızı
kahverengi

Bazı açık renk örnekleri:

beyaz
sarı
pembe

Görev

Kolay

Görevler:

Butonun metin rengini white olarak ayarlayın
Butonun arka plan rengini koyu bir renk yapın, yeterli kontrasta sahip olduğundan emin olun!

İpucu:

Lineer gradyan arka plan rengini şu şekilde ayarlayabilirsiniz (renkleri ayarlayabilirsiniz),

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

Veya bir açıyla (örneğin 45 derece),

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

Kendin dene

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

CSS Projesi - Şık Buton bölümündeki tüm dersler

1Giriş

2CSS Projesi

Renkler