Nah kali ini Mimin Bakal Share Ke Kalian Bagaimana Sih Cara Mengatasi background image nya supaya Tidak Pecah Lagi. Ok langsung saja Simak Tutorial Info Dan penjelasannya Kali ini!
Background-repeat: repeat;
Background Repeat Jika Diartikan Dalam Bahasa Indonesia adalah pengulangan latar belakang , jika kita Menambahkan Kode css sebagai berikut maka akan mengulang secara Vertical Dan Horizontal.
Kode Css:
background-repeat: repeat;
Jika Digambarkan Seperti Gambar dibawah ini.
Background-repeat: repeat-y;
Jika kita membuat Kode css sebagai berikut "background-repeat: repeat-y;" ,fungsi dari kode tersebut ialah mengulang background image secara Vertical atau Menurun.
Jika Digambar Sebagai Berikut.
Background-repeat: repeat-x;
Hampir sama dengan Repeat-y, hanya saja Jika Kita membuatkan kode css nya sebagai berikut "background-repeat: repeat-x; ", Background Image akan Mengulang secara Horizontal.
Jika digambar kan sebagai berikut.
Background-repeat: no-repeat;
Jika kita mengetikkan Kode css sebagai berikut "background-repeat: no-repeat; ", Maka Gambar Yang Kita jadikan Sebagai Backgeound Akan Full Screen, Maksudnya Gambar Tersebut Tidak akan terpecah-pecah/mengulang.
Tambahan
Untuk Yang Pengen Cobain Membuat Background image dengan css, kalian bisa salin Kode berikut ini.
background-image:url("urlGambar");
background-repeat: Jenis Repeat Pilih Sendiri Yah;
Ganti saja Text Yang berwarna Merah isi Saja Dengan URL Image(Gambar) yang ingin dijadikan sebagai Background Image.
Untuk text Yang Berwarna Biru, Isi saja dengan salah satu jenis Repeat tadi .
Mungkin sekian Dulu Artikel Kali Ini.
Semoga Membantu. Bila ada yang ingin ditanyakan sihlakan koment dibawah Yah Sobat:)