Kauchuk Fonni Qanday Qilish Kerak

Mundarija:

Kauchuk Fonni Qanday Qilish Kerak
Kauchuk Fonni Qanday Qilish Kerak

Video: Kauchuk Fonni Qanday Qilish Kerak

Video: Kauchuk Fonni Qanday Qilish Kerak
Video: Производство изопренового каучука 2024, May
Anonim

O'zingizning veb-saytingizni yaratishda, tabiiy ravishda, foydalanuvchi brauzerining versiyasidan qat'i nazar, uni iloji boricha jozibali ko'rinishini xohlaysiz. Xususan, shunday qilib, fon rasmi cho'zilib, kompyuter monitorining o'lchamlari bo'yicha o'rnatiladi.

Kauchuk fonni qanday qilish kerak
Kauchuk fonni qanday qilish kerak

Bu zarur

HTML, CSS, java-skript bilan ishlash ko'nikmalari

Ko'rsatmalar

1-qadam

Saytingiz uchun kodni har qanday muharrirda oching, masalan, bloknot yoki maxsus veb-dizayn dasturi, Dreamweaver. Saytning fonini uzaytirish uchun quyidagi satrlarni kodga qo'ying. Fonni qo'shish: url ('Rasmga havolani qo'shish').

2-qadam

Rasmni gorizontal kattalashtirish uchun quyidagi koddan foydalaning: Fon: url (‘Rasmga havola soling’ takrorlash-x), vertikal ravishda - kod oxirida x ni y ga almashtiring. Agar sayt CSS-faylida joylashgan bo'lsa, unga kodni joylashtiring. Shu tarzda siz o'zingizning saytingizga rezina fon qo'yishingiz mumkin bo'ladi.

3-qadam

Fon rasmini sahifaga joylashtirish va uni avtomatik ravishda sahifani ko'rayotgan monitor o'lchamiga mos ravishda cho'zish uchun quyidagi kod misolidan foydalaning. Misol kodi: tanasi {fon: "Fon rasmiga havolani qo'shish" () takrorlanmaydigan sobit markaz; keyin fon hajmi: […].

4-qadam

Orqa fon rasmini cho'zish uchun rasmni fon sifatida qo'shib, uning kengligini 100% ga o'rnatish kifoya. Masalan, sahifa kodiga quyidagi matnni kiriting: background image "alt =" Rasm nomini kiriting "/>. Shunday qilib, u rasmning kengligiga mos kelish uchun ishlatiladi, lekin uning nisbati buziladi.

5-qadam

Xuddi shunday, siz tasvirni balandlikda cho'ziladigan qilib o'rnatishingiz mumkin, width atributi o'rniga balandlikdan foydalaning. Yoki CSS uchun quyidagi kod misolidan foydalaning: saytning orqa fon rasmi) "> va undan keyin avvalgi misolda bo'lgani kabi rasmning 100% kengligini qo'shing. Shuningdek, siz skript yordamida foydalanuvchining ekran o'lchamlarini aniqlash va o'lchamini tahrirlash uchun foydalanishingiz mumkin buning uchun sizning stolingiz.

Tavsiya: