एचटीएमएल में पृष्ठभूमि रंग कैसे सेट करें
एचटीएमएल में वेब पृष्ठ का पृष्ठभूमि का रंग सेट करने के लिए, बस तत्व में त्वरित बदलाव करें "शव" टैग के अंदर अनुसरण करने के लिए चरण प्रभाव को आप प्राप्त करना चाहते हैं के आधार पर थोड़ा अलग हैं। अपनी वेबसाइट की पृष्ठभूमि के रूप में एक ठोस रंग, चित्र, ढाल या बहु-रंग एनीमेशन सेट करने का तरीका जानें
कदम
विधि 1
पृष्ठभूमि के रूप में एक समान रंग सेट करें1
अपने पसंदीदा पाठ संपादक के साथ एचटीएमएल फाइल खोलें। HTML5 के साथ, HTML विशेषता यह अब समर्थित नहीं है पृष्ठ के अन्य सभी सौंदर्य पहलू के साथ पृष्ठभूमि रंग, को सीएसएस के साथ प्रबंधित किया जाना चाहिए।
2
अपने दस्तावेज़ में टैग जोड़ें इन टैग्स के बीच सभी पृष्ठ शैली की जानकारी (पृष्ठभूमि रंग सहित) को डाला जाना चाहिए। यदि आप पहले ही टैग में प्रवेश कर चुके हैं, तो फ़ाइल के उस भाग पर बस स्क्रॉल करें
3
आइटम टाइप करें "शव" टैग के अंदर आइटम में सभी बदलाव "शव" सीएसएस में वे पूरे पेज को प्रभावित करते हैं
4
संपत्ति जोड़ें "पृष्ठभूमि रंग" तत्त्व "शव"।
5
वह रंग जोड़ें जिसे आप संपत्ति में करना चाहते हैं "पृष्ठभूमि रंग"। आप नाम (। ,,, आदि।) द्वारा रंग टाइप कर सकते हैं, हेक्सडैसिमल कोड (हेक्स) का उपयोग करके आप जो स्वर को पसंद करते हैं (उदाहरण के लिए, लाल, आदि) डालें या रंग के आरजीबी मूल्य टाइप करें (उदाहरण के लिए पीला)। यहां एक उदाहरण है जो हेक्साडेसिमल अभिव्यक्ति का उपयोग पृष्ठभूमि रंग को विकीहोव बैनर के समान बनाने के लिए करता है:
6
उपयोग "पृष्ठभूमि रंग" अन्य तत्वों के लिए पृष्ठभूमि का रंग लागू करने के लिए जैसे ही आप इस कीवर्ड को शरीर के तत्व में जोड़ते हैं, आप इसका उपयोग पृष्ठ के अन्य हिस्सों के पृष्ठभूमि रंग को परिभाषित करने के लिए कर सकते हैं। बैकग्राउंड-रंग संपत्ति के साथ, टैग के भीतर संपादित करने के लिए आइटम दर्ज करें
इस अनुच्छेद में एक लाल पृष्ठभूमि है
विधि 2
पृष्ठभूमि के रूप में एक छवि का उपयोग करें1
अपने पसंदीदा पाठ संपादक के साथ एचटीएमएल फाइल खोलें। बहुत से लोग अपनी वेबसाइट के लिए पृष्ठभूमि के रूप में चित्रों का उपयोग करना पसंद करते हैं यह आपको एक डिज़ाइन, पैटर्न, फोटो या किसी अन्य प्रकार की छवि के साथ पृष्ठभूमि बनाने की अनुमति देता है। एचटीएमएल 5 के साथ, सभी पृष्ठभूमि प्रकार को सीएसएस (कैस्केडिंग स्टाइल शीट्स) के साथ टैग के भीतर कॉन्फ़िगर किया जाना चाहिए।
2
अपने दस्तावेज़ में टैग जोड़ें इन टैग्स के बीच सभी पृष्ठ शैली की जानकारी (पृष्ठभूमि रंग सहित) को डाला जाना चाहिए। यदि आप पहले ही टैग में प्रवेश कर चुके हैं, तो फ़ाइल के उस भाग पर बस स्क्रॉल करें
3
आइटम टाइप करें "शव" टैग के अंदर आइटम में सभी बदलाव "शव" सीएसएस में वे पूरे पेज को प्रभावित करते हैं
4
संपत्ति जोड़ें "पृष्ठभूमि रंग" तत्त्व "शव"। एक बार किया, आपको छवि नाम की आवश्यकता होगी। सुनिश्चित करें कि फ़ाइल एक ही फ़ोल्डर में HTML पृष्ठ के रूप में है (अन्यथा आपको वेब सर्वर पर फाइल का पूर्ण पथ दर्ज करना होगा)।
5
ओवरले एकाधिक छवियाँ आप एक-दूसरे के ऊपर एकाधिक छवियां डाल सकते हैं यह उपयोगी हो सकता है यदि आपके पास एक पारदर्शी पृष्ठभूमि वाला चित्र है जो पूरा हो चुका है।
विधि 3
ढाल के साथ एक पृष्ठभूमि बनाएं1
एक ढाल पृष्ठभूमि बनाने के लिए सीएसएस का उपयोग करें। यदि आप एक सरल ठोस रंग की तुलना में एक स्टाइलिस्टिक और अधिक प्रभावी समाधान की तलाश कर रहे हैं, लेकिन बहु रंगीन एनिमेशन के रूप में भ्रमित नहीं हैं, तो इस तरह की पृष्ठभूमि को आज़माएं ग्रेडियेंट रंग हैं जो अन्य रंगों में बदलते हैं। आप एक बनाने और अनुकूलित करने के लिए सीएसएस का उपयोग कर सकते हैं। कोशिश करने से पहले, सुनिश्चित करें कि आप सीएसएस की मूल बातें समझते हैं।
2
बुनियादी वाक्यविन्यास जानें एक ढाल बनाने के लिए, आपको दो प्रकार की जानकारी की आवश्यकता होती है: प्रारंभिक बिंदु या कोण और रंग का उपयोग किया जाना चाहिए। आप कई रंगों का चयन कर सकते हैं ताकि ढाल एक से दूसरे से गुजरता हो और आप उस दिशा का निर्णय ले सकते हैं जिसमें परिवर्तन होता है।
पृष्ठभूमि: रैखिक-ढाल (दिशा / कोण, रंग 1, रंग 2, रंग 3, आदि) -
3
एक ऊर्ध्वाधर ढाल बनाएं यदि आप कोई दिशा निर्दिष्ट नहीं करते हैं, तो ढाल ऊपर से नीचे तक जाता है। विभिन्न ब्राउज़र अलग-अलग इस फ़ंक्शन को कार्यान्वित करते हैं, इसलिए आपको कोड के एक से अधिक संस्करण को शामिल करना होगा।
4
दिशात्मक ढाल बनाएं ढाल के लिए एक दिशा जोड़कर आप परिवर्तन को प्रदर्शित किया जा सकता है। ध्यान दें कि विभिन्न ब्राउज़रों ने अलग-अलग आज्ञाओं का व्याख्या किया है। हालांकि, उनमें से सभी एक ही परिणाम का उत्पादन करते हैं।
5
ढाल को कॉन्फ़िगर करने के लिए अन्य गुणों का उपयोग करें। आपके निपटान में संभावनाएं कई हैं
पृष्ठभूमि: रैखिक-ढाल (# 93B874 10%, # सी 9डीसीबी 9 70%, # 000000 90%) -
पृष्ठभूमि: रैखिक-ढाल (दाएं, आरजीबीए (147,184,116,0), आरजीबीए (147,184,116,1)) -
विधि 4
एक पृष्ठभूमि सेट करें जो रंग बदलता है1
HTML कोड के अंदर टैग ढूंढें यदि आपको सादे पृष्ठभूमि पसंद नहीं है, तो इस एनिमेटेड और इंद्रधनुषी पृष्ठभूमि के साथ प्रयोग करने का प्रयास करें। एचटीएमएल 5 के साथ, पृष्ठभूमि रंगों को सीएसएस (कैस्केडिंग स्टाइल शीट) में परिभाषित किया जाना चाहिए। यदि आपने पहले कभी ऐसा नहीं किया है, तो इस पद्धति की कोशिश करने से पहले पृष्ठभूमि के रूप में एक यूनिफॉर्म रंग सेट करें।
2
एनीमेशन संपत्ति को तत्व में जोड़ें "शव"। आप विभिन्न ब्राउज़रों के लिए विशिष्ट दो अलग-अलग आज्ञा देखेंगे।
3
एनीमेशन के रंग चुनें अब आप एनीमेशन में पृष्ठभूमि रंग सेट करने के लिए @keyframes नियम का उपयोग करेंगे, साथ ही प्रत्येक कुंजी की अवधि भी। इसके अलावा, विभिन्न ब्राउज़रों के लिए विभिन्न कोड आवश्यक हैं।
सामाजिक नेटवर्क पर साझा करें:
संबद्ध
- वेबसाइट पर पृष्ठभूमि कैसे जोड़ें
- फ़ोटोशॉप CS3 के साथ एक पृष्ठभूमि कैसे जोड़ें
- वर्ड में पृष्ठभूमि कैसे जोड़ें
- टम्बलर पर एक पृष्ठभूमि कैसे जोड़ें
- ब्लॉग पर एक पृष्ठभूमि कैसे जोड़ें
- टेक्स्ट का रंग HTML में कैसे बदला जाए
- कैसे WhatsApp चैट की पृष्ठभूमि को बदलने के लिए
- सीएसएस का उपयोग कर वेब पेज की सामग्री को कैसे केन्द्रित करें
- HTML में केंद्र पाठ कैसे करें
- HTML फ़ॉर्म कैसे बनाएं
- HTML में हाइपरलिंक कैसे बनाएं
- स्टाइल शीट (सीएसएस) कैसे बनाएं
- HTML और CSS में एक ड्रॉप-डाउन मेनू कैसे बनाएं
- एचटीएमएल कोड का उपयोग करने के लिए एक छवि केंद्र कैसे करें
- HTML के साथ एक सरल वेब पेज कैसे बनाएं
- वेबसाइट के लिए एक स्पलैश पृष्ठ कैसे बनाएं
- इंटरैक्टिव डेस्कटॉप पृष्ठभूमि कैसे बनाएं
- HTML में एक बोल्ड टेक्स्ट कैसे बनाएं
- HTML में पाठ को कैसे रेखांकित करें
- एक वेबसाइट डिजाइन करने के लिए फ़ोटोशॉप का उपयोग कैसे करें
- मार्की HTML टैग का उपयोग कैसे करें