Hallo teman-teman, bertemu lagi dengan saya, dihari yang cerah  dan indah ini semoga teman-teman selalu diberikan kesehatan dan semangat untuk terus belajar dan mencari informasi seputar website.

Pada kesempatan kali ini saya akan membahas tentang cara Membuat Multiple Background dengan HTML dan CSS. Sebelum kita memulainya saya akan bahas singkat tentang apa yang dimaksud dengan multiple background ? jadi, multiple background didalam HTML dan CSS itu ibarat kita memasukan 2 buah gambar yang berbeda didalam satu property CSS yaitu background-image.

Jika sudah memahaminya tp masih kurang kena di hati dan pikiran, Oke  untuk lebih jelasnya dan lebih kena dihati dan dipikiran kita langsung saja mulai mempraktekannya.

Pertama-tama siapkan terlebih dahulu folder dan gambarnya lalu kemudian seperti biasa teman-teman siapkan text-editornya lalu ketikan script html dibawah ini :

Jika sudah simpan dengan format .html didalam folder yang telah dibuat tadi. Kemudian teman-teman masukan script CSS nya dibawah ini :

Jika sudah simpan file cssnya dengan format .css didalam folder sejajar dengan file html yang tadi kita buat. Lalu kemudian koneksikan antara file htmlnya dengan file cssnya seperti pada gambar dibawah ini :

Jika sudah terkoneksi/terhubung antara file css dan file htmlnya lalu teman-teman simpan dan run/jalankan di browser yang teman-teman gunakan. Jika berhasil maka hasilnya akan seperti pada gambar dibawah ini :

membuat-multi-background-dengan-html-dan-css

Jika hasilnya sudah seperti pada gambar diatas maka teman-teman dinyatakan telah berhasil dalam Membuat Multiple Background dengan HTML dan CSS. Sudah cukup jelas dan mudah kan teman-teman ? .

Oke Demikianlah artikel kali ini di pembahasan tentang cara Membuat Multiple Background dengan HTML dan CSS. Semoga dapat bermanfaat bagi teman-teman dan sampai bertemu di pembahasan materi selanjutnya.

Terimakasih