Ukuran

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

Mari mulai dengan mencoba berbagai ukuran tombol.

Jika kamu mengubah width atau height tombol, teksnya mungkin tidak berada di tengah. Sebaiknya, ubah padding.

Tantangan

Mudah

Tugas:

Atur ukuran font teks tombol sesuai keinginanmu, tetapi berbeda dari ukuran default (14px)
Atur padding vertikal ke 8px dan padding horizontal ke 16px
Atur margin sesuai pilihanmu

Gunakan styles.css untuk memilih dan menata tombolmu

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

Ukuran

Latihan sendiri: Playground Web