Latar belakang berwarna di situs tidak hanya menarik perhatian pengunjung, tetapi juga menyampaikan suasana sumber daya. Situs bertema luar angkasa menciptakan suasana misteri dengan latar belakang berupa langit berbintang, sumber hiburan yang menghibur dengan warna-warna hangat yang kaya, layanan web layanan kota menunjukkan resminya dengan desain yang keras dan latar belakang sebagian besar bernuansa abu-abu dan biru. Ada beberapa cara untuk membuat halaman web Anda sendiri berwarna.
Itu perlu
- - situs Anda
- - setidaknya pengetahuan dasar tentang HTML
instruksi
Langkah 1
Untuk membuat latar belakang berwarna solid, temukan tag berikut dan dalam kode HTML. Ubah tag pertama seperti ini:
Dalam konstruksi ini, # FFFF33 adalah warna kuning yang dikodekan.
Langkah 2
Warna halaman dapat ditentukan tidak hanya dengan kode, tetapi juga dengan kata-kata khusus - nama warna primer. Untuk menunjukkan warna latar belakang dengan kata, tulis kode berikut:
Di sini "kuning" adalah nama warna kuning.
Langkah 3
Alih-alih tanda kode kuning atau namanya, tambahkan penunjukan warna latar belakang yang diinginkan ke tag menggunakan petunjuk ini:
merah - "merah" ("# FF0000")
biru - "biru" ("# 0000FF")
hijau - "hijau" ("# 008000")
merah muda - "merah muda" ("# FFC0CB")
ungu - "violet" ("# EE82EE")
oranye - "oranye" ("# FFA500")
hitam - "hitam" ("# 000000")
Langkah 4
Jika Anda ingin memiliki gambar berulang di latar belakang situs, maka pilih gambar kecil, di mana teks akan terlihat jelas. Unggah gambar ke situs. Untuk menempatkan gambar sebagai latar belakang, masukkan kode ini ke dalam tag
Dalam entri ini, alih-alih "/images/fon.jpg" tentukan jalur ke gambar yang diinginkan.
Langkah 5
Warna halaman web dapat diatur tidak hanya dalam kode HTML, tetapi juga menggunakan gaya CSS. Dengan menggunakan gaya ini, Anda tidak perlu mengatur latar belakang dalam kode halaman baru setiap saat. Untuk menentukan latar belakang dalam CSS di antara tag dan tempatkan entri seperti ini:
tubuh {
latar belakang: # FFFF33;
}
Di sini warna latar belakang diatur oleh parameter latar belakang.
Langkah 6
Jika Anda ingin membuat latar belakang di CSS menggunakan gambar, maka antara dan tulis kode berikut, alih-alih '/images/fon.jpg' menentukan jalur ke gambar yang diinginkan:
tubuh {
background-image: url ('/ gambar / fon.jpg');
background-repeat: ulangi;
}
Di sini parameter background-image mendefinisikan gambar latar belakang, background-repeat - pengulangan gambar. Di halaman.
