HTML में पृष्ठभूमि रंग सेट करना

स्क्रीन के निचले हिस्से में आकर्षक रंग होने से आप अपने पेज पर अधिक पाठकों को आकर्षित कर सकते हैं। उन लोगों के लिए कई विकल्प हैं जो ठोस रंगों से अधिक उपयोग करना चाहते हैं। उन्हें कॉन्फ़िगर करने के लिए, हम अप्रचलित HTML टैग्स के बजाय सीएसएस भाषा का उपयोग करते हैं। इससे अधिकतर ब्राउज़र के साथ वेबसाइट सुसंगत हो जाती है, और जब भी नई सुविधाएं उपलब्ध होती हैं तब आसानी से अपडेट हो सकते हैं।

सामग्री

चरणों

विधि 1ठोस रंगों के साथ पृष्ठभूमि

इस शीर्ष पर एक नारंगी पृष्ठभूमि होगी

विधि 2उत्परिवर्ती रंगों के साथ पृष्ठभूमि
विधि 3छवियों के साथ पृष्ठभूमि
विधि 4ढाल पृष्ठभूमि

चरणों

विधि 1
ठोस रंगों के साथ पृष्ठभूमि

सीएसएस के "पृष्ठभूमि-रंग" संपत्ति का उपयोग करें पुरानी विशेषता HTML अब HTML5 द्वारा समर्थित नहीं है पृष्ठभूमि का रंग, साथ ही पृष्ठ के अन्य शैलीगत पहलुओं को सीएसएस के साथ कॉन्फ़िगर करना होगा।

पृष्ठभूमि-रंग संपत्ति को तत्व में जोड़ें . यह तत्व पूरे पृष्ठ पर दिखाई देगा।

वह रंग जोड़ें जिसे आप प्रदर्शित करना चाहते हैं। ऐसा करने के तीन तरीके हैं: कोड के साथ मुख्य रंग (लाल, नीला, पीला, हरा आदि) दर्ज करें लाल, नीला, पीला, ग्रीन (अंग्रेजी में) आदि - रंग के लिए हेक्साडेसिमल कोड का उपयोग करें, जैसा कि # 000000 काला करने के लिए - या रंग के आरजीबी मूल्य दर्ज करें, जैसा कि आरजीबी (255,255.0) पीला करने के लिए नीचे उपयोग में हेक्साडेसिमल कोड का एक उदाहरण है - जो कि साइट की पृष्ठभूमि को विकीहाउ फ्रंटएंड के समान रंग देगा।

लाल - # एफएफ 0000
ऑरेंज - # एफएफए 500
पीला - # एफएफएफएफ 00
ग्रीन - # 008000
ब्लू - # 0000 एफएफ
अनिल - # 4B0082
बैंगनी - # EE82EE

अन्य तत्वों के लिए पृष्ठभूमि रंग लागू करने के लिए पृष्ठभूमि-रंग की संपत्ति का उपयोग करें आप केवल तत्व में ऐसा करने तक सीमित नहीं हैं . यदि आप चाहें, तो आप इसे कहीं और सेट कर सकते हैं:

इस शीर्ष पर एक नारंगी पृष्ठभूमि होगी

इस पैराग्राफ में एक लाल पृष्ठभूमि होगी

विधि 2
उत्परिवर्ती रंगों के साथ पृष्ठभूमि

संक्रमण कोड जोड़ें आप उनके टन समय-समय पर बदल रही है, एक एनिमेटेड पृष्ठभूमि बना सकते हैं। यह समारोह पुराने ब्राउज़र, विशेष रूप से इंटरनेट एक्सप्लोरर द्वारा समर्थित नहीं है (जब तक यह एक संस्करण 10 या अधिक है)। इसके अलावा, आप एनीमेशन कोड के दो सेट, के रूप में क्रोम, ओपेरा और सफारी एक अलग सिंटैक्स का उपयोग आईई, फ़ायरफ़ॉक्स और अन्य ब्राउज़रों की तुलना में शामिल करना चाहिए।

मान 20s ऊपर रंग संक्रमण समय के अनुसार समायोजित किया जा सकता है। 20s इसका मतलब है कि इस संक्रमण में 20 सेकंड लगेगा यदि आप इसे बदलना चाहते हैं, तो दोनों वेबकिट और डिफ़ॉल्ट सिंटैक्स बदलें।
मान अनंत कुछ समय दोहराने के लिए परिवर्तित किया जा सकता है कोड पृष्ठभूमि रंग: # C9DCB9- तत्व में एनीमेशन के बाद प्रदर्शित होने वाला रंग इंगित करता है

संक्रमण के दौरान पेज को रंग कोड देना चाहते हैं। एनीमेशन एन्कोडिंग के बाद, उस रंग कोड को सेट करें जिसे आप इस समय में उपयोग करना चाहते हैं। दोबारा: विभिन्न ब्राउज़रों के लिए अलग-अलग प्रविष्टियां जेनरेट करें

विधि 3
छवियों के साथ पृष्ठभूमि

1
पृष्ठ के लिए पृष्ठभूमि के रूप में एक छवि का उपयोग करें। इंटरनेट सर्वर पर सहेजी गई कोई फ़ाइल चुनें - इसे वेबसाइट फ़ाइल के बगल में संग्रहीत किया जाना चाहिए
2
कई स्तरित छवियों का उपयोग करें फ़ाइलों को एक दूसरे पर लोड किया जा सकता है यह रणनीति उपयोगी है अगर आपके पास पारदर्शी पृष्ठभूमि छवियाँ हैं जो "स्टैक्ड" के दौरान एक दूसरे के पूरक हैं।
- सूचीबद्ध पहली छवि स्टैक के शीर्ष पर दिखाई जाएगी। दूसरे के बाद जल्द ही आ जाएगा

विधि 4
ढाल पृष्ठभूमि

किसी रंग से दूसरे रंग के पास एक ढाल पृष्ठभूमि बनाने के लिए सीएसएस का उपयोग करें यह सुविधा इंटरनेट एक्सप्लोरर 9 या पुराने संस्करणों द्वारा समर्थित नहीं है।

बुनियादी वाक्यविन्यास को समझें एक ढाल पृष्ठभूमि बनाने के संबंध में दो आवश्यक जानकारी हैं: प्रभाव का प्रारंभिक बिंदु / कोण और संक्रमण रंग आप कई टन का चयन कर सकते हैं या इसका उपयोग कर सकते हैं या प्रभाव के लिए एक विशिष्ट दिशा या कोण सेट कर सकते हैं।

पृष्ठभूमि: रैखिक-ढाल (दिशा / कोण, रंग 1, रंग 2, रंग 3, आदि)

एक ऊर्ध्वाधर ढाल प्रभाव बनाएँ। यदि आप निर्देश निर्दिष्ट नहीं करते हैं, तो प्रभाव ऊपर और नीचे स्क्रॉल करेगा। अलग-अलग वेब ब्राउज़र इस फ़ंक्शन को अलग-अलग तरीकों से पेश करते हैं - इसलिए उनमें से कई पर प्लेयलेट सुनिश्चित करने के लिए इसके कई संस्करण शामिल करें।

दिशात्मक ढाल प्रभाव डालें प्रभाव के लिए एक दिशा जोड़कर, आप रंग संक्रमण को बदल सकते हैं। विभिन्न ब्राउज़रों ने इस परिवर्तन को अलग-अलग तरीकों से समझाया है। हालांकि, सभी का एक ही प्रभाव होगा।

ढाल प्रभाव को समायोजित करने के लिए अन्य गुणों का उपयोग करें इसे बदलने के लिए कई अन्य संभावनाएं हैं

उदाहरण के लिए: दो रंगों से अधिक जोड़ने के अलावा, आप प्रत्येक सेगमेंट को स्क्रीन पर कितनी जगह पर कॉन्फ़िगर कर प्रत्येक के प्रतिशत को बदल सकते हैं।
```
पृष्ठभूमि: रैखिक-ढाल (# 93B874 10%, # सी 9डीसीबी 9 70%, # 000000 90%) -
```
यदि आप चाहें, तो आप स्क्रीन पर पारदर्शिता भी जोड़ सकते हैं। इस प्रकार, रंग तेजी से फीका हो जाएगा एक टोन चुनें ताकि यह गायब हो जाए, जब तक कि यह फ़ेड न हो जाए। इन सेटिंग्स को कॉन्फ़िगर करने के लिए, इस का उपयोग करें आरजीबीए (). अंतिम मूल्य पारदर्शिता निर्धारित करता है: 0 एक ठोस रंग के लिए और 1 पारदर्शी के लिए
```
पृष्ठभूमि: रैखिक-ढाल (दाएं, आरजीबीए (147,184,116,0), आरजीबीए (147,184,116,1)) -
```

सामाजिक नेटवर्क पर साझा करें:

संबद्ध