Untuk membuat situs web dengan gambar tunggal sebagai latar belakang, sebaiknya gunakan contoh CSS di bawah ini dalam kode HTML Anda.

Untuk menerapkan kode di atas di halaman web Anda, salin baris di atas dan tempel di antara bagian halaman web Anda. Jika Anda menggunakan editor halaman web WYSIWYG, Anda harus mengklik tautan atau opsi yang memungkinkan Anda untuk memasukkan kode HTML sebelum memasukkan kode di atas. Akhirnya, contoh ini menggunakan gambar dari Computer Hope. Jika Anda ingin menggunakan gambar khusus, ganti URL tebal di atas dengan lokasi gambar Anda.

Tip: Jika Anda menggunakan lembar gaya CSS eksternal, Anda juga dapat menyalin bagian tubuh dari contoh di atas ke dalam file CSS Anda.

Masukkan kode di atas di sini

Contoh

Kiat: Banyak pengguna mungkin ingin membuat satu gambar besar sebagai latar belakang mereka. Jika Anda berencana melakukan ini, pertimbangkan orang-orang dengan koneksi Internet yang lebih lambat. Gambar besar membutuhkan waktu untuk memuat dan mungkin tidak cocok dengan orang yang menggunakan ukuran atau resolusi monitor yang lebih kecil.

Catatan: Jika Anda ingin mengatur gambar latar yang akan diulang, setel properti pengulangan latar ke salah satu dari yang berikut:

• repeat - repeat gambar latar belakang baik secara horizontal maupun vertikal.
• repeat-x - hanya mengulangi gambar latar belakang secara horizontal.
• repeat-y - hanya mengulangi gambar latar belakang secara vertikal.