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