HTML में बटन रंग कैसे बदलें

Thisteaches आप HTML में एक बटन रंग कैसे बदलें. आप मानक एचटीएमएल का उपयोग करके या एचटीएमएल 5 में सीएसएस (कैस्केडिंग स्टाइल शीट्स) का उपयोग करके एक बटन रंग बदल सकते हैं.

कदम

2 का विधि 1:
HTML का उपयोग करना
  1. 11147764 शीर्षक वाली छवि
1. आप के शरीर में टाइप करें. यह आपके HTML कोड के बटन टैग की शुरुआत है. आपके HTML का शरीर बीच में क्षेत्र है तथा टैग. शरीर वह जगह है जहां वेब पेज के दृश्यमान तत्व HTML का उपयोग करके रखा जाता है.
  • 11147764 2 शीर्षक वाली छवि
    2. प्रकार शैली = के पश्चात "बटन" आपके बटन टैग में. यह इंगित करता है कि बटन टैग के लिए स्टाइल तत्व हैं. सभी शैली के तत्वों के बाद रखा जाएगा "=" संकेत.
  • 11147764 3 शीर्षक वाली छवि
    3. एक उद्धरण चिह्न जोड़ें (") बराबर (=) संकेत के बाद. आपके HTML बटन टैग में सभी स्टाइल तत्व उद्धरण चिह्नों के भीतर रखा जाना चाहिए.
  • 11147764 4 शीर्षक वाली छवि
    4. प्रकार पीछे का रंग:के बाद उद्धरण चिह्नों में "शैली =". इस तत्व का उपयोग बटन के पृष्ठभूमि रंग को बदलने के लिए किया जाता है.
  • 11147764 5 शीर्षक वाली छवि
    5. एक रंग का नाम या हेक्साडेसिमल कोड टाइप करें "पीछे का रंग:". आप एक रंग का नाम टाइप कर सकते हैं (i.ई, नीला) या एक हेक्साडेसिमल रंग.
  • एक हेक्साडेसिमल कोड खोजने के लिए, पर जाएं https: // गूगल.कॉम / खोज?क्यू = रंग + पिकर एक वेब ब्राउज़र में. एक रंग लेने के लिए नीचे स्लाइडर बार का उपयोग करें. एक रंग टिंट का चयन करने के लिए विंडो में सर्कल का उपयोग करें. बाईं ओर साइडबार में 6-अंकीय कोड (पाउंड साइन सहित) को हाइलाइट करें और कॉपी करें और इसे अपने बटन टैग में पेस्ट करें.
  • आप भी उपयोग कर सकते हैं "पारदर्शक" एक पृष्ठभूमि रंग के रूप में
  • 11147764 6 शीर्षक वाली छवि
    6. पृष्ठभूमि रंग के बाद एक अर्ध-कोलन (-) टाइप करें. HTML बटन टैग में विभिन्न शैली तत्वों को अलग करने के लिए अर्ध-कोलन का उपयोग करें.
  • 11147764 शीर्षक वाली छवि
    7. प्रकार सीमा रंग: के बाद उद्धरण चिह्नों में "शैली =". इस तत्व का उपयोग बटन के चारों ओर सीमा का रंग निर्धारित करने के लिए किया जाता है. आप उद्धरण मार्करों के बाद किसी भी क्रम में शैली तत्व डाल सकते हैं "शैली =". प्रत्येक तत्व को अर्ध-कोलन (-) द्वारा अलग किया जाना चाहिए.
  • 11147764 शीर्षक वाली छवि
    8. सीमा के रंग के लिए एक रंग नाम या हेक्सिडेसिमल कोड टाइप करें. सीमा के लिए रंग का नाम या हेक्सिडेसिमल कोड के बाद जाता है "सीमा रंग:" तत्त्व.
  • यदि आप सीमा को हटाना चाहते हैं, तो टाइप करें सीमा: कोई नहीं के स्थान पर "सीमा रंग:" तत्त्व.
  • 11147764 9 शीर्षक वाली छवि
    9. सीमा के रंग के बाद एक अर्ध-कोलन (-) टाइप करें. HTML बटन टैग में विभिन्न शैली तत्वों को अलग करने के लिए अर्ध-कोलन का उपयोग करें.
  • 11147764 10 शीर्षक वाली छवि
    10. प्रकार रंग:के बाद उद्धरण चिह्नों में "शैली =". इस तत्व का उपयोग बटन में टेक्स्ट रंग को बदलने के लिए किया जाता है. आप उद्धरण मार्करों के बाद किसी भी क्रम में शैली तत्व डाल सकते हैं "शैली =". प्रत्येक तत्व को अर्ध-कोलन (-) द्वारा अलग किया जाना चाहिए.
  • 11147764 11 शीर्षक वाली छवि
    1 1. एक रंग या हेक्साडेसिमल कोड का नाम टाइप करें. यह बाद में चला जाता है "रंग:" शैली तत्व में. यह बटन में पाठ का रंग निर्धारित करता है.
  • 11147764 12 शीर्षक वाली छवि
    12. एक उद्धरण चिह्न टाइप करें (") आपके सभी शैली के तत्वों के बाद. आपके सभी स्टाइल तत्वों को उद्धरण चिह्नों में होना चाहिए "शैली =" बटन टैग में. जब आप अपने सभी स्टाइल तत्वों को जोड़ते हैं, तो एक उद्धरण चिह्न टाइप करें (") स्टाइल तत्वों को बंद करने के अंत में.
  • 11147764 13 शीर्षक वाली छवि
    13. प्रकार > शैली के तत्वों के बाद. यह उद्घाटन बटन टैग बंद कर देता है.
  • 11147764 शीर्षक वाली छवि
    14. बटन टैग के बाद अपना बटन टेक्स्ट टाइप करें. अपने बटन के लिए उद्घाटन टैग बनाना समाप्त करने के बाद, उस पाठ को टाइप करें जिसे आप टैग के बाद बटन में जाना चाहते हैं.
  • 11147764 15 शीर्षक वाली छवि
    15. अपने बटन टेक्स्ट के बाद टाइप करें. यह आपके बटन के लिए समापन टैग है. आपका बटन पूरा हो गया है. आपका HTML कोड इस तरह कुछ दिखना चाहिए.
    <एचटीएमएल><तन><बटन शैली ="पृष्ठभूमि-रंग: लाल सीमा-रंग: नीला- रंग: सफेद">ButtontextButton>तन>एचटीएमएल>
  • 2 का विधि 2:
    सीएसएस का उपयोग करना
    1. 11147764 शीर्षक वाली छवि
    1. अपने HTML दस्तावेज़ के शीर्ष पर टाइप करें. यह आपके HTML दस्तावेज़ के लिए एक प्रमुख बनाता है. आपके दस्तावेज़ का प्रमुख वह जगह है जहां आपके वेब पेज पर दिखाई नहीं दी गई जानकारी रखी गई है. इसमें मेटा डेटा, पेज का शीर्षक, और स्टाइल शीट्स शामिल हैं.
  • 11147764 17 शीर्षक वाली छवि
    2. प्रकार . यह टैग कैस्केडिंग स्टाइल शीट्स (CSS) के लिए अपने वेब पेज पर एक स्थान जोड़ता है. यह अनुभाग आपके HTML दस्तावेज़ के प्रमुख में जाता है.
  • कुछ एचटीएमएल दस्तावेज़ बाहरी स्टाइल शीट का उपयोग करते हैं. यदि ऐसा है, तो आपको बाहरी सीएसएस फ़ाइल का स्थान ढूंढना होगा और उस दस्तावेज़ पर बटन स्टाइल शीट्स को संपादित करना होगा.
  • 11147764 18 शीर्षक वाली छवि
    3. प्रकार .बटन { शैली अनुभाग के बाद एक अलग लाइन पर. यह एक बटन के लिए शैली शीट खोलता है जो आपके लिए एक शैली बना रहे हैं.
  • जब आप एक अलग स्टाइल शीट बनाकर बटन पर माउस कर्सर डालते हैं तो आप बटन रंग परिवर्तन भी कर सकते हैं .बटन: होवर { उद्घाटन टैग के रूप में.
  • 11147764 19 शीर्षक वाली छवि
    4. प्रकार पीछे का रंग:. यह बटन स्टाइल शीट में एक अलग लाइन पर चला जाता है. यह तत्व बटन के पृष्ठभूमि रंग को नियंत्रित करता है.
  • 11147764 20 शीर्षक वाली छवि
    5. एक अर्ध-कोलन (-) के बाद एक रंग या हेक्साडेसिमल कोड का नाम टाइप करें. इसके बाद टाइप करें "पीछे का रंग:" बटन स्टाइल शीट में तत्व. यह बटन के पृष्ठभूमि रंग को निर्दिष्ट करता है.
  • एक हेक्साडेसिमल कोड खोजने के लिए, पर जाएं https: // गूगल.कॉम / खोज?क्यू = रंग + पिकर एक वेब ब्राउज़र में. एक रंग लेने के लिए नीचे स्लाइडर बार का उपयोग करें. एक रंग टिंट का चयन करने के लिए विंडो में सर्कल का उपयोग करें. बाईं ओर साइडबार में 6-अंकीय कोड (पाउंड साइन के साथ) को हाइलाइट करें और कॉपी करें.
  • आप भी टाइप कर सकते हैं "पारदर्शक" पृष्ठभूमि रंग को अदृश्य बनाने के लिए.
  • 11147764 21 शीर्षक वाली छवि
    6. प्रकार सीमा रंग:. तत्व बटन के चारों ओर सीमा के रंग को नियंत्रित करता है. बटन के लिए स्टाइल शीट में एक अलग लाइन पर इसे टाइप करें.
  • 11147764 22 शीर्षक वाली छवि
    7. एक अर्ध-कोलन (-) के बाद एक रंग या हेक्साडेसिमल कोड का नाम टाइप करें. यह बटन के चारों ओर सीमा का रंग निर्धारित करता है. यह बाद में चला जाता है "सीमा रंग:" बटन स्टाइल शीट में तत्व.
  • यदि आप सीमा को हटाना चाहते हैं, तो टाइप करें सीमा: कोई नहीं- के स्थान पर "सीमा-रंग: Colorname" तत्त्व.
  • 11147764 23 शीर्षक वाली छवि
    8. प्रकार रंग:. इसे स्टाइल शीट में एक अलग लाइन पर टाइप करें. यह तत्व बटन में पाठ के रंग को नियंत्रित करता है.
  • 11147764 शीर्षक वाली छवि
    9. एक अर्ध-कोलन (-) के बाद एक रंग या हेक्साडेसिमल कोड का नाम टाइप करें. यह बटन के अंदर पाठ का रंग निर्धारित करता है. यह बाद में चला जाता है "रंग:" बटन स्टाइल शीट में तत्व.
  • 11147764 25 शीर्षक वाली छवि
    10. प्रकार } एक अलग लाइन पर. यह आपके बटन के लिए स्टाइल शीट को बंद कर देता है. जब तक आप प्रत्येक बटन को एक अद्वितीय नाम देते हैं, तब तक आप एकाधिक बटन स्टाइल शीट बना सकते हैं.
  • 11147764 26 शीर्षक वाली छवि
    1 1. अपने CSS को पूरा करने के बाद टाइप करें. अपने सभी स्टाइल शीट्स बनाने के बाद, टाइप करें "" अपने HTML दस्तावेज़ के स्टाइल सेक्शन को बंद करने के लिए एक अलग लाइन पर.
  • 11147764 शीर्षक वाली छवि
    12. प्रकार . यह आपके HTML दस्तावेज़ के प्रमुख को बंद कर देता है.
  • 11147764 28 शीर्षक वाली छवि
    13. प्रकार टेक्स्ट बटन अपने HTML दस्तावेज़ के शरीर में. यह आपके HTML दस्तावेज़ के स्टाइल सेक्शन में निर्दिष्ट स्टाइल शीट का उपयोग करके अपने HTML के दृश्य भाग में एक बटन जोड़ता है. बदलने के "यूआरएल" वेब के साथ बटन लिंक के साथ. आपके HTML दस्तावेज़ का शरीर बीच में जाता है तथा आपके HTML दस्तावेज़ के टैग. आप एचटीएमएल कोड इस तरह कुछ दिखना चाहिए:
    <एचटीएमएल><सिर><अंदाज>.बटन {पृष्ठभूमि-रंग: नीली सीमा-रंग: लाल रंग: सफेद-} शैली>सिर><तन><एक href ="https: // विकीहो.कॉम" वर्ग ="बटन">एक घर>तन>एचटीएमएल>
  • सामाजिक नेटवर्क पर साझा करें:
    समान