Warna

Pelajaran 4 dari 8 dalam kursus Proyek CSS: Tombol Keren di Coddy.

Warna latar belakang dan warna teks adalah beberapa hal terpenting saat menata tombol!

Penting untuk memperhatikan kontras warna agar teks mudah dibaca. Jika warna latar belakang gelap, warna teks sebaiknya cerah.

Beberapa contoh warna gelap:

hitam
biru
merah
cokelat

Beberapa contoh warna cerah:

putih
kuning
merah muda

Tantangan

Mudah

Tugas:

Atur warna teks tombol menjadi white
Atur warna latar belakang tombol menjadi warna gelap, pastikan kontrasnya cukup!

Petunjuk:

Kamu dapat mengatur warna latar belakang gradien linear menggunakan (kamu dapat menyesuaikan warnanya),

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

Atau dengan sudut (misalnya 45 derajat),

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

Coba sendiri

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Tulis kode HTML di sini -->
    </body>
</html>

Semua pelajaran di Proyek CSS: Tombol Keren

1Pengantar

Pengantar Bagian HTML

2Proyek CSS

Warna

Latihan sendiri: Playground Web