Cara Menggunakan Dua Warna sebagai Latar Belakang di Situs Web

Warna latar belakang halaman Web tanpa penyesuaian apa pun adalah putih. Bahasa pemrograman Web HTML memungkinkan Anda untuk mengubah warna latar belakang serta menambahkan gambar latar belakang. Anda dapat menggunakan gambar untuk menampilkan latar belakang yang menampilkan banyak warna. Gunakan gambar yang ada yang menampilkan dua warna yang Anda inginkan, seperti yang ada di logo bisnis Anda, atau buat yang menggunakan editor grafis. Anda dapat membuat latar belakang dua warna untuk halaman Web Anda menggunakan gambar horizontal tipis yang berulang. Gunakan Cascading Style Sheets untuk membuat perubahan di seluruh situs.

1.

Buka editor HTML atau teks untuk membuat lembar gaya eksternal yang akan menampung gaya latar belakang CSS Anda.

2.

Ketikkan definisi gaya untuk latar belakang pada tag tubuh. Definisi gaya berupa "tag {}, " sehingga definisi untuk tag tubuh adalah "body {}." CSS menyediakan berbagai parameter yang memungkinkan Anda untuk menentukan gaya Anda. Properti "background-image" memungkinkan Anda menunjukkan gambar untuk latar belakang Anda. Sertakan tautan untuk gambar di parameter "url". Misalnya, kode tersebut mungkin terlihat seperti ini:

body {background-image: url (images / 2colors.jpg); }

3.

Ketik nilai yang memerintahkan latar belakang untuk mengulangi secara vertikal - "repeat-y" - atau horizontal - "repeat-x" - menggunakan properti "background-repeat". Properti ini memungkinkan Anda untuk mengatur parameter untuk menyesuaikan cara pengulangan gambar Anda. Gaya tubuh akan menyerupai ini:

body {background-image: url (images / 2colors.jpg); background-repeat: repeat-y; }

4.

Simpan file menggunakan ekstensi ".css", misalnya, pagestyles.css.

5.

Buka halaman Web yang ingin Anda terapkan gaya latar belakang. Tautan ke dokumen eksternal diatur dalam set tag "" dari halaman Web Anda. Temukan tag "" dan masukkan teks berikut di atasnya untuk memberikan akses ke style sheet:

6.

Ulangi pengkodean tautan di setiap halaman situs web Anda yang ingin Anda gunakan latar belakang gambar. Uji hasil perubahan Anda dengan memuat halaman ke browser Web.