Saytdagi rangli fon nafaqat tashrif buyuruvchilarning e'tiborini jalb qiladi, balki resursning kayfiyatini ham aks ettiradi. Kosmosga bag'ishlangan saytlar yulduzlar osmoni ko'rinishidagi fon bilan sirli muhit yaratadi, ko'ngilochar manbalar iliq ranglarning boy ranglari bilan ko'nglini ko'taradi, shahar xizmatlari veb-xizmatlari o'zlarining rasmiyligini qat'iy dizayn va aksariyat kulrang va ko'k ranglarning fonlari bilan namoyish etadilar.. O'zingizning veb-sahifangizni rangli qilishning bir necha yo'li mavjud.
Bu zarur
- - saytingiz
- - hech bo'lmaganda HTML bo'yicha asosiy bilim
Ko'rsatmalar
1-qadam
Yagona rangli fon yaratish uchun quyidagi teglarni va HTML kodidan toping. Birinchi tegni quyidagicha o'zgartiring:
Ushbu qurilishda # FFFF33 - sariq rangning kodlangan soyasi.
2-qadam
Sahifaning rangi nafaqat kod bilan, balki maxsus so'zlar bilan ham - asosiy ranglarning nomlari bilan belgilanishi mumkin. Fon rangini so'z bilan ko'rsatish uchun quyidagi kodni yozing:
Bu erda "sariq" - sariq rangning nomi.
3-qadam
Sariq kod belgisi yoki uning nomi o'rniga ushbu ishora yordamida tegga kerakli fon rangini belgilang:
qizil - "qizil" ("# FF0000")
ko'k - "ko'k" ("# 0000FF")
yashil - "yashil" ("# 008000")
pushti - "pushti" ("# FFC0CB")
binafsha rang - "binafsha" ("# EE82EE")
to'q sariq - "to'q sariq" ("# FFA500")
qora - "qora" ("# 000000")
4-qadam
Agar siz sayt fonida takrorlanadigan rasmga ega bo'lishni istasangiz, unda kichik rasmni tanlang, unga qarshi matn aniq ko'rinib turadi. Saytga rasm yuklang. Rasmni fon sifatida joylashtirish uchun ushbu kodni tegga kiriting
Ushbu yozuvda "/images/fon.jpg" o'rniga kerakli rasmga yo'lni ko'rsating.
5-qadam
Veb-sahifalarning rangi nafaqat HTML-kodlarda, balki CSS uslublari yordamida ham o'rnatilishi mumkin. Ushbu uslublardan foydalangan holda, har safar yangi sahifaning kodida fonni o'rnatishingiz shart emas. Taglar orasida CSS-da fonni aniqlash va quyidagi yozuvni joylashtirish uchun:
tanasi {
fon: # FFFF33;
}
Bu erda fon rangi fon parametri bilan o'rnatiladi.
6-qadam
Agar siz rasm yordamida CSS-da fon yaratmoqchi bo'lsangiz, kerakli rasmga yo'lni belgilaydigan '/images/fon.jpg' o'rniga quyidagi kodni yozing:
tanasi {
background-image: url ('/ images / fon.jpg');
fon-takror: takrorlash; takrorlash;
}
Bu erda fon-rasm parametri fon rasmini belgilaydi, orqa-takror - rasmning takrorlanishi. Sahifada.