HTML Styles - CSS

Note: CSS digunakan untuk mengatur tampilan HTML seperti warna teks, ukuran teks, background, font, border, dan posisi element

CSS color text

Teks berwarna emerald green

CSS background color

Background teks berwarna amber light

CSS font size

Ini ukuran font 20px

CSS text align

Text rata tengah

CSS font family

Text menggunakan font poppins

CSS Border

Menggunakan border

CSS letter spacing

Teks menjadi renggang

CSS text shadow

Teks dengan bayangan halus

CSS opacity

Teks ini transparan sebesar 50%

CSS Box Model - Padding

Efek padding membuat jarak di dalam kotak (kotak jadi lebih gemuk):

Box dengan padding 20px

CSS Box Model - Margin

Efek margin memberikan jarak di luar kotak (mendorong elemen lain di sekitarnya):

Box 1 (margin right 30px)

Box 2

CSS Pseudo-class - Hover

Arahkan kursor mouse atau sentuh kotak card ini untuk melihat efek interaktifnya!

Sistem mendeteksi hover pada komponen ini