वेबसाइट पर बैकग्राउंड इमेज डालना पांच मिनट का मामला है। छवि तैयार करने में बहुत अधिक समय व्यतीत होता है - चयन, समायोजन, प्रभाव जोड़ना, एक ग्राफिक फ़ाइल में कई चित्र बनाना।
अनुदेश
चरण 1
बैकग्राउंड एट्रिब्यूट बैकग्राउंड को मैनेज करने के लिए जिम्मेदार होता है। पेज को एक ही रंग से समान रूप से भरने के लिए, बॉडी में स्टाइल टैग का उपयोग करें:। पृष्ठभूमि काली होगी। यदि CSS का उपयोग कर रहे हैं, तो अपने सिर में: शरीर {पृष्ठभूमि-रंग: # 000000;}
चरण दो
एक लिंक की मदद से एक रिपीट इमेज सेट की जाती है। पता बाहरी या आंतरिक लिंक के रूप में निर्दिष्ट है। इस पद्धति का उपयोग करते समय, यह महत्वपूर्ण है कि छवियों के बीच का सीम अदृश्य रहे, अन्यथा पृष्ठ टेढ़ा दिखाई देगा। CSS में, उपयोग करें: body {background-color: # 000000; background-image: url (images / pattern.png);}।
चरण 3
पैटर्न की पुनरावृत्ति को नियंत्रित किया जा सकता है। बैकग्राउंड-रिपीट निम्नलिखित तत्वों के साथ इस फंक्शन के लिए जिम्मेदार है: - रिपीट-एक्स - हॉरिजॉन्टल रिपीटेशन; - रिपीट-वाई - वर्टिकल रिपीटेशन: - रिपीट - रिपीटेशन दोनों दिशाओं में; - नो-रिपीट - बिना रिपीट। यह इस तरह सेट है यह: शरीर {पृष्ठभूमि-रंग: # 000000; पृष्ठभूमि-छवि: url ("तितली.gif"); बैकग्राउंड-रिपीट: नो-रिपीट; }
चरण 4
बैकग्राउंड-पोजिशन इमेज को वेब पेज के वांछित हिस्से में रखने में मदद करता है। निर्देशांक प्रतिशत (50% 75%), सेंटीमीटर (5cm 5cm), पिक्सेल पहलू (200px 400px), शब्द रूप (बाएं, दाएं, ऊपर, केंद्र, नीचे) का उपयोग करके सेट किए जा सकते हैं। उदाहरण के लिए: शरीर {पृष्ठभूमि-रंग: # 000000; पृष्ठभूमि-छवि: url ("तितली.gif"); बैकग्राउंड-रिपीट: नो-रिपीट; पृष्ठभूमि-लगाव: निश्चित; पृष्ठभूमि-स्थिति: बायां तल; } 0% 0% मान ऊपर बाईं ओर के बराबर है।
चरण 5
बैकग्राउंड-अटैचमेंट प्रॉपर्टी निर्दिष्ट करती है कि इमेज को पेज के साथ स्क्रॉल किया गया है (बैकग्राउंड-अटैचमेंट: स्क्रॉल) या नहीं (बैकग्राउंड-अटैचमेंट: फिक्स्ड)।
