Hai Guys !! hari ini saya akan ngeshare tentang Css yang saya pelajari di sekolah
Jadi gini, kita disuruh bikin tampilan buat empat hantu di game Pac-Man dan Mrs. Pac-Man. Tugasnya adalah nambahin class buat tiga hantu lain di file index.html dan kasih gaya atau style masing-masing di file style.css.
ini yang sudah di kasih class
ini yang belum di kasih class
tiap hantu harus punya class sendiri. Misalnya, kalau si “blinky” udah ada class-nya, kita tinggal tambahin buat tiga hantu lain, yaitu “inky”, “pinky”, dan “clyde”. Contohnya gini:
ini yang sudah saya ubah, Setelah itu, kita perlu nambahin style di file style.css buat masing-masing hantu. Contoh kalau udah ada style buat Blinky, kita tinggal tambahin buat yang lain kayak gini:
Penjelasan:
- Tiap hantu punya warna background sesuai warna mereka di game (misal Blinky merah, Inky biru, Pinky pink, dan Clyde oranye).
- Kita bisa atur border, warna teks, padding (jarak dalam kotak), dan alignment teks biar tiap hantu tampil beda-beda, nggak ngebosenin.
Jadi intinya, setelah kita tambahin class buat Inky, Pinky, dan Clyde di index.html, terus diatur gaya tampilannya di style.css, tiap hantu bakal punya style masing-masing yang bikin mereka lebih keren di halaman web-nya.
Maasyaa Allaah, Mumtaz. Baarakallahufiik. Update terus dengan konten2 informasi yang bermanfaat lainnya, terus berkarya…
wa fiikum barakallah, Jazza kallahu khairan pak