साइट पर रंगीन पृष्ठभूमि न केवल आगंतुकों का ध्यान आकर्षित करती है, बल्कि संसाधन के मूड को भी बताती है। अंतरिक्ष-थीम वाली साइटें तारों वाले आकाश के रूप में पृष्ठभूमि के साथ रहस्य का माहौल बनाती हैं, मनोरंजन संसाधन गर्म रंगों के समृद्ध रंगों के साथ उत्साहित होते हैं, शहर सेवाओं की वेब सेवाएं अधिकतर ग्रे और नीले रंग के रंगों की कठोर डिजाइन और पृष्ठभूमि के साथ अपनी आधिकारिकता दिखाती हैं. अपने स्वयं के वेब पेज को रंगीन बनाने के कई तरीके हैं।
यह आवश्यक है
- - आपकी जगह
- - HTML का कम से कम बुनियादी ज्ञान
अनुदेश
चरण 1
एक ठोस रंगीन पृष्ठभूमि बनाने के लिए, निम्नलिखित टैग और HTML कोड में खोजें। इस तरह पहला टैग बदलें:
इस निर्माण में, # FFFF33 पीले रंग का एन्कोडेड शेड है।
चरण दो
पृष्ठ का रंग न केवल एक कोड के साथ, बल्कि विशेष शब्दों के साथ भी निर्दिष्ट किया जा सकता है - प्राथमिक रंगों के नाम। किसी शब्द के साथ पृष्ठभूमि का रंग इंगित करने के लिए, निम्नलिखित कोड लिखें:
यहाँ "पीला" पीले रंग का नाम है।
चरण 3
पीले कोड चिह्न या उसके नाम के बजाय, इस संकेत का उपयोग करके आपको जिस पृष्ठभूमि रंग की आवश्यकता है, उसका वांछित पदनाम टैग में जोड़ें:
लाल - "लाल" ("# FF0000")
नीला - "नीला" ("# 0000FF")
हरा - "हरा" ("# 008000")
गुलाबी - "गुलाबी" ("# FFC0CB")
बैंगनी - "वायलेट" ("# EE82EE")
नारंगी - "नारंगी" ("# FFA500")
काला - "काला" ("# 000000")
चरण 4
यदि आप साइट की पृष्ठभूमि पर एक दोहराई जाने वाली छवि चाहते हैं, तो एक छोटा चित्र चुनें, जिसके विरुद्ध पाठ स्पष्ट रूप से दिखाई देगा। साइट पर एक तस्वीर अपलोड करें। छवि को पृष्ठभूमि के रूप में रखने के लिए, इस कोड को टैग में दर्ज करें
इस प्रविष्टि में, "/images/fon.jpg" के बजाय वांछित छवि के लिए पथ निर्दिष्ट करें।
चरण 5
वेब पेजों का रंग न केवल HTML कोड में, बल्कि CSS शैलियों का उपयोग करके भी सेट किया जा सकता है। इन शैलियों का उपयोग करते हुए, आपको हर बार किसी नए पृष्ठ के कोड में पृष्ठभूमि सेट करने की आवश्यकता नहीं होती है। टैग के बीच सीएसएस में पृष्ठभूमि को परिभाषित करने के लिए और इस तरह एक प्रविष्टि रखें:
तन {
पृष्ठभूमि: # FFFF33;
}
यहां बैकग्राउंड कलर बैकग्राउंड पैरामीटर द्वारा सेट किया गया है।
चरण 6
यदि आप किसी छवि का उपयोग करके सीएसएस में पृष्ठभूमि बनाना चाहते हैं, तो वांछित छवि के पथ को निर्दिष्ट करने के बजाय '/images/fon.jpg' के बजाय निम्न कोड को बीच में लिखें और लिखें:
तन {
बैकग्राउंड-इमेज: url ('/ images / fon.jpg');
पृष्ठभूमि-दोहराना: दोहराना;
}
यहां बैकग्राउंड-इमेज पैरामीटर बैकग्राउंड इमेज को परिभाषित करता है, बैकग्राउंड-रिपीट - इमेज का रिपीटेशन। पेज पर।
