Latar belakang kerja untuk situs dapat dibandingkan dengan wallpaper untuk desktop sistem operasi Anda. Latar belakang (background), bisa Anda buat dalam beberapa variasi, yang akan dibahas di bawah ini.
Diperlukan
Mengedit file style.css
instruksi
Langkah 1
Latar belakang monokrom. Jenis latar belakang yang paling sederhana, nilai tambah yang besar adalah pemuatan halaman yang minimal menggunakan gambar seperti itu. Jika file gaya (style.css) tidak berisi perintah yang mengatur warna latar belakang, browser akan menyarankan warna putih secara default. Gunakan perintah background-color untuk mengubah warna. Contoh penggunaan perintah ini: background-color: #3366CC.
Langkah 2
Untuk memilih warna tertentu, Anda dapat menggunakan perangkat lunak khusus, misalnya editor grafis Adobe Photoshop. Jika Anda belum pernah bekerja dengannya, disarankan untuk menggunakan layanan web. Contoh mencolok adalah mesin pencari "Yandex", buka tautan berikut https://yandex.ru dan masukkan frasa "warna biru". Sebuah tabel warna akan muncul di depan Anda, di mana Anda dapat memilih salah satu sesuai dengan keinginan Anda, salin kode dan paste ke dalam kode situs.
Langkah 3
Tekstur latar belakang. Selain warna latar belakang, Anda dapat menambahkan gambar atau pola (tekstur) yang berulang secara siklus ke halaman mana pun di situs Anda. Untuk melakukannya, setelah memasukkan warna latar belakang, tulis perintah gambar latar, misalnya gambar latar: url (img / uzor.png). Jalur ke file harus ditentukan di dalam tanda kurung. Perlu dicatat bahwa resolusi tekstur dapat dimulai dari yang terkecil (16x16) dan diakhiri dengan gambar ukuran penuh untuk ukuran halaman situs (800x600 atau lebih).
Langkah 4
Latar belakang menggunakan gradien. Dalam hal ini, Anda menggunakan warna latar belakang yang disetel dengan perintah warna latar, tetapi membuat gradien. Gradien bisa horizontal (x) dan vertikal (y). Paling sering, posisi horizontal digunakan sebagai gradien latar belakang, sehingga garis dengan gradien akan terlihat seperti ini: background-repeat: repeat-x.
