Cara Membuat Latar Belakang GIF untuk Halaman Web

Latar belakang halaman web animasi bisa menarik, dan Anda dapat membuatnya menggunakan file GIF. Saat Anda menambahkan teks dan konten lain ke halaman Web bisnis Anda, Anda tidak perlu khawatir tentang menambahkan latar belakang: browser hanya memberikan halaman Anda latar belakang putih jika Anda tidak menimpa default itu. Tambahkan kelas CSS singkat ke halaman Web HTML untuk menggunakan gambar GIF animasi dan stasioner sebagai latar belakang halaman.

1

Buka dokumen HTML dan temukan bagian kepala dokumen.

2

Tempel kode berikut ke bagian itu:

body {background-image: url ('myImage.gif'); background-repeat: ulangi; }

Kode ini mendefinisikan pemilih CSS yang mengatur tag badan dokumen Anda. Atribut gambar latar memiliki properti URL yang nilainya adalah "myImage.gif". Ubah nilai itu menjadi nama salah satu GIF Anda. Baris kedua mendefinisikan atribut background-repeat yang nilainya adalah "repeat" dalam contoh ini. Nilai ini memberitahu browser untuk membuat gambar berulang di seluruh halaman dan di bawah halaman untuk menghasilkan efek grid. Hapus pernyataan itu jika Anda tidak ingin GIF Anda membuat latar belakang ubin.

3

Simpan dokumen dan lihat di browser Anda untuk melihat latar belakang baru.