Фондогу сүрөттү веб-сайтка жайгаштыруу беш мүнөттүк иш. Сүрөттү даярдоого - тандоого, жөндөөгө, эффекттерди кошууга, бир графикалык файлга бир нече иллюстрацияларды түзүүгө көбүрөөк убакыт кетет.
Нускамалар
1 кадам
Фондук атрибут фонду башкарууга жооп берет. Баракты бир өң менен бирдей толтуруу үчүн, стилдеги теги денеде колдонуңуз:. Фон кара болот. CSS колдонуп жатсаңыз, башыңызга кийгиз: body {background-color: # 000000;}
2-кадам
Шилтеменин жардамы менен кайталанган сүрөт коюлат. Дарек тышкы же ички шилтеме катары көрсөтүлөт. Бул ыкманы колдонгондо, сүрөттөрдүн ортосундагы тигиш жерлер көрүнбөгөн бойдон калышы керек, антпесе баракча шалаакы көрүнөт. CSS-те: body {background-color: # 000000; background-image: url (images / pattern.png);} колдонуңуз.
3-кадам
Үлгүнүн кайталанышын көзөмөлдөсө болот. Фон-кайталоо бул функцияга төмөнкү элементтер менен катар жооп берет: - кайталоо-х - горизонталдык кайталоо; - кайталоо-у - тике кайталоо: - кайталоо - эки багытта кайталоо; - кайталабоо - кайталабастан. бул: тулку {background-color: # 000000; background-image: url ("butterfly.gif"); фон-кайталоо: кайталабоо; }
4-кадам
Фон-позиция сүрөттү веб-баракчанын каалаган бөлүгүнө жайгаштырууга жардам берет. Координаттарды пайыздык (50% 75%), сантиметр (5см 5см), пикселдик аспект (200px 400px), сөз формасы (сол, оң, жогору, борбор, төмөн) аркылуу орнотууга болот. Мисалы: тулку {background-color: # 000000; background-image: url ("butterfly.gif"); фон-кайталоо: кайталабоо; фон-тиркеме: белгиленген; фон-позиция: сол ылдый; } 0% 0% мааниси сол солго барабар.
5-кадам
Фон-тиркеме касиети сүрөттөрдүн барак менен кошо жылдырылышын (фон-тиркеме: жылдыруу) же жок экендигин аныктайт (фон-тиркеме: туруктуу).
