Mengatur Tata Letak Background Dengan Background-position

Hai teman-teman semuanya, apa kabar? gimana masih semangat belajar, kali ini pembahasan kita tentang css, apa itu css? mungkin teman-teman sudah banyak yang tahu fungsi dari css dan apa itu css, yup css adalah suatu script untuk mengatur stiap style dari setiap element di html, css berfungsi untuk mengatur jarak, memberikan warna, memberikan background dan lain-lain, Untuk pembahasan kali ini kita akan belajar tentang bagaimana cara mengatur tata letak background dengan backgorund-position
pada css, yup benar fungsi dari background position adalah untuk menentukan letak background yang ingin kita gunakan pada website kita,  penulisan script background-position adalah seperti berikut ini :

untuk nilai dari background position adalah nilai pertama yaitu kiri dan kanan dan sedangkan nilai kedua yaitu koordinat atas dan bawah, jadi propertis background-position ini sangat berguna ketika teman-teman ingin menjadikan background berupa gambar namun tidak memiliki gambar yang proporsional,

kita coba implementtasikan pada script, coba teman-teman buat script berikut ini :

, jika sudah teman-teman bisa save dan coba jalankan pada browser, sekarang perhatikan hasilnya dan silahkan coba teman-teman rubah ukuran nilai dari background-position maka teman-teman akan mengerti maksud dari nilai yang diberikan pada propertis ini.

Oke teman-teman untuk tutorial kali ini tentang mengatur tata letak background dengan backgorund-position cukup sampai disini dulu, semoga ilmu  yang saya berikan meskipun sedikit dapat bermanfaat untuk teman-teman semuanya, jangan pernah bosan untuk belajar, teruslah merasa lapar akan ilmu pengetahuan, sampai berjumpa lagi pada tutorial dumet school berikutnya,

terimakasih