Membuat gambar background berganti sesuai size browser

Hallo teman-teman, apa kabarnya hari ini? pada kesempatan kali ini saya akan memberikan satu trik html & css nih. trik css kali ini saya akan mengajarkan tentang fungsi responsive, yaitu tentang cara agar background berganti saat browser di resize.

Gambar yang akan saya gunakan pada saat size browser lebih dari 400px adalah ini GAMBAR 1

Jika ukuran lebarnya kurang dari 400px maka akan berganti menjadi GAMBAR 2

selanjutnya ketikan kode ini pada html kalian

jika sudah langsung di save dan sekarang coba jalankan file html kalian di browser.

Semoga bermanfaat !