Hallo teman teman Dumet School pada materi kali ini saya akan menjelaskan cara membuat Background agar Responsive saat dibuka di device manapun , untuk membuat background responsive  fungsi dari Bootstrap pun sudah ada , tetapi kita akan membuat background menjadi responsive dengan CSS , caranya cukup mudah teman teman coba ikuti langkah langkah di bawah ini :

 

 

1. Siapkan sebuah gambar background untuk menjadi bahan

2. Buat sebuah file HTML lalu masukan fungsi CSS di bawah ini :

body{background-image:url(device-apple-wallpaper.jpg);
background-size:cover;
background-position:center;
background-repeat:no-repeat
}

Kode Css di atas yaitu untuk membuat background secara responsive , apabila dibuka di tablet , komputer atau mobile maka tampilan tidak akan rusak , jangan lupakan kode CSS tersebut , untuk background:cover yaitu agar gambar otomatis pas pada pembungkusnya , background-position:center yaitu untuk menempatkan gambar agar di tengah dan background-repeat:no-repeat untuk membuat gambar agar tidak mengulang. selamat mencoba dan semoga bermanfaat 😀

WhatsApp chat