एचटीएमएल में पृष्ठभूमि रंग कैसे सेट करें

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

कदम

विधि 1

पृष्ठभूमि के रूप में एक समान रंग सेट करें
छवि शीर्षक 2609629 1 1
1
अपने पसंदीदा पाठ संपादक के साथ एचटीएमएल फाइल खोलें। HTML5 के साथ, HTML विशेषता यह अब समर्थित नहीं है पृष्ठ के अन्य सभी सौंदर्य पहलू के साथ पृष्ठभूमि रंग, को सीएसएस के साथ प्रबंधित किया जाना चाहिए।
  • छवि शीर्षक 2609629 2 1
    2
    अपने दस्तावेज़ में टैग जोड़ें इन टैग्स के बीच सभी पृष्ठ शैली की जानकारी (पृष्ठभूमि रंग सहित) को डाला जाना चाहिए। यदि आप पहले ही टैग में प्रवेश कर चुके हैं, तो फ़ाइल के उस भाग पर बस स्क्रॉल करें
  • छवि शीर्षक 2609629 3 1
    3
    आइटम टाइप करें "शव" टैग के अंदर आइटम में सभी बदलाव "शव" सीएसएस में वे पूरे पेज को प्रभावित करते हैं
  • छवि शीर्षक 2609629 4 1
    4
    संपत्ति जोड़ें "पृष्ठभूमि रंग" तत्त्व "शव"।
  • छवि शीर्षक 2609629 5 1
    5
    वह रंग जोड़ें जिसे आप संपत्ति में करना चाहते हैं "पृष्ठभूमि रंग"। आप नाम (। ,,, आदि।) द्वारा रंग टाइप कर सकते हैं, हेक्सडैसिमल कोड (हेक्स) का उपयोग करके आप जो स्वर को पसंद करते हैं (उदाहरण के लिए, लाल, आदि) डालें या रंग के आरजीबी मूल्य टाइप करें (उदाहरण के लिए पीला)। यहां एक उदाहरण है जो हेक्साडेसिमल अभिव्यक्ति का उपयोग पृष्ठभूमि रंग को विकीहोव बैनर के समान बनाने के लिए करता है:
  • व्हाइट:
  • हल्की गुलाबी:
  • बर्ल्ट सिनेना भूमि:
  • इंडिगो:
  • वियोला:
  • W3schools.com पृष्ठ पर जाएं, HTML रंग चयनकर्ता, सभी सबसे आम रंगों के हेक्साडेसिमल कोड खोजने के लिए।
  • छवि शीर्षक 2609629 6 1
    6
    उपयोग "पृष्ठभूमि रंग" अन्य तत्वों के लिए पृष्ठभूमि का रंग लागू करने के लिए जैसे ही आप इस कीवर्ड को शरीर के तत्व में जोड़ते हैं, आप इसका उपयोग पृष्ठ के अन्य हिस्सों के पृष्ठभूमि रंग को परिभाषित करने के लिए कर सकते हैं। बैकग्राउंड-रंग संपत्ति के साथ, टैग के भीतर संपादित करने के लिए आइटम दर्ज करें

    इस अनुच्छेद में एक लाल पृष्ठभूमि है

  • विधि 2

    पृष्ठभूमि के रूप में एक छवि का उपयोग करें
    छवि शीर्षक 2609629 7 1
    1
    अपने पसंदीदा पाठ संपादक के साथ एचटीएमएल फाइल खोलें। बहुत से लोग अपनी वेबसाइट के लिए पृष्ठभूमि के रूप में चित्रों का उपयोग करना पसंद करते हैं यह आपको एक डिज़ाइन, पैटर्न, फोटो या किसी अन्य प्रकार की छवि के साथ पृष्ठभूमि बनाने की अनुमति देता है। एचटीएमएल 5 के साथ, सभी पृष्ठभूमि प्रकार को सीएसएस (कैस्केडिंग स्टाइल शीट्स) के साथ टैग के भीतर कॉन्फ़िगर किया जाना चाहिए।
  • छवि शीर्षक 2609629 8 1
    2
    अपने दस्तावेज़ में टैग जोड़ें इन टैग्स के बीच सभी पृष्ठ शैली की जानकारी (पृष्ठभूमि रंग सहित) को डाला जाना चाहिए। यदि आप पहले ही टैग में प्रवेश कर चुके हैं, तो फ़ाइल के उस भाग पर बस स्क्रॉल करें
  • छवि शीर्षक 2609629 3 1
    3
    आइटम टाइप करें "शव" टैग के अंदर आइटम में सभी बदलाव "शव" सीएसएस में वे पूरे पेज को प्रभावित करते हैं
  • छवि शीर्षक 2609629 10 1
    4



    संपत्ति जोड़ें "पृष्ठभूमि रंग" तत्त्व "शव"। एक बार किया, आपको छवि नाम की आवश्यकता होगी। सुनिश्चित करें कि फ़ाइल एक ही फ़ोल्डर में HTML पृष्ठ के रूप में है (अन्यथा आपको वेब सर्वर पर फाइल का पूर्ण पथ दर्ज करना होगा)।
  • किसी भी तरह से संपत्ति जोड़ने के लिए यह एक अच्छा विचार है, अगर छवि लोड नहीं हुई है।
  • छवि शीर्षक 2609629 11 1
    5
    ओवरले एकाधिक छवियाँ आप एक-दूसरे के ऊपर एकाधिक छवियां डाल सकते हैं यह उपयोगी हो सकता है यदि आपके पास एक पारदर्शी पृष्ठभूमि वाला चित्र है जो पूरा हो चुका है।
  • पहली छवि शीर्ष पर दिखाई जाएगी पहले के पीछे दूसरा
  • विधि 3

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

    एक पृष्ठभूमि सेट करें जो रंग बदलता है
    छवि शीर्षक 2609629 17
    1
    HTML कोड के अंदर टैग ढूंढें यदि आपको सादे पृष्ठभूमि पसंद नहीं है, तो इस एनिमेटेड और इंद्रधनुषी पृष्ठभूमि के साथ प्रयोग करने का प्रयास करें। एचटीएमएल 5 के साथ, पृष्ठभूमि रंगों को सीएसएस (कैस्केडिंग स्टाइल शीट) में परिभाषित किया जाना चाहिए। यदि आपने पहले कभी ऐसा नहीं किया है, तो इस पद्धति की कोशिश करने से पहले पृष्ठभूमि के रूप में एक यूनिफॉर्म रंग सेट करें।
  • छवि शीर्षक 2609629 18
    2
    एनीमेशन संपत्ति को तत्व में जोड़ें "शव"। आप विभिन्न ब्राउज़रों के लिए विशिष्ट दो अलग-अलग आज्ञा देखेंगे।
  • क्रोमियम-आधारित ब्राउज़रों (क्रोम, ओपेरा, सफारी) पर इस्तेमाल होने वाली संपत्ति है यह अन्य सभी ब्राउज़रों के लिए मानक है
  • इस उदाहरण में एनीमेशन का नाम है।
  • एनीमेशन की अवधि (60 सेकंड) है इसे दोनों कोडों के लिए सेट करना सुनिश्चित करें
  • एनीमेशन को लगातार दोहराने के लिए सेट करें अगर आप चाहते हैं कि रंग केवल एक बार बदल जाए, आखिरी रंग पर रोकने से पहले, यह आदेश दर्ज न करें।
  • छवि शीर्षक 2609629 19
    3
    एनीमेशन के रंग चुनें अब आप एनीमेशन में पृष्ठभूमि रंग सेट करने के लिए @keyframes नियम का उपयोग करेंगे, साथ ही प्रत्येक कुंजी की अवधि भी। इसके अलावा, विभिन्न ब्राउज़रों के लिए विभिन्न कोड आवश्यक हैं।
  • ध्यान दें कि दो नियम (ई) के समान रंग और प्रतिशत हैं सुनिश्चित करें कि पैरामीटर समान हैं, इसलिए सभी ब्राउज़रों पर यह अनुभव समान है।
  • प्रतिशत (इत्यादि) एनीमेशन की कुल अवधि () को देखें पेज लोड होने पर, पृष्ठभूमि में रंग सेट हो जाएगा ()। 60 सेकंड में 25% के बाद, पृष्ठभूमि बन जाएगी और इतने पर।
  • आप अपनी आवश्यकताओं के अनुसार समय और रंगों को संशोधित कर सकते हैं।
  • सामाजिक नेटवर्क पर साझा करें:

    संबद्ध

    © 2011—2022 GnuMani.com