HTML में बटन रंग कैसे बदलें
Thisteaches आप HTML में एक बटन रंग कैसे बदलें. आप मानक एचटीएमएल का उपयोग करके या एचटीएमएल 5 में सीएसएस (कैस्केडिंग स्टाइल शीट्स) का उपयोग करके एक बटन रंग बदल सकते हैं.
कदम
2 का विधि 1:
HTML का उपयोग करना1. आप के शरीर में टाइप करें. यह आपके HTML कोड के बटन टैग की शुरुआत है. आपके HTML का शरीर बीच में क्षेत्र है तथा टैग. शरीर वह जगह है जहां वेब पेज के दृश्यमान तत्व HTML का उपयोग करके रखा जाता है.

2. प्रकार शैली = के पश्चात "बटन" आपके बटन टैग में. यह इंगित करता है कि बटन टैग के लिए स्टाइल तत्व हैं. सभी शैली के तत्वों के बाद रखा जाएगा "=" संकेत.

3. एक उद्धरण चिह्न जोड़ें (") बराबर (=) संकेत के बाद. आपके HTML बटन टैग में सभी स्टाइल तत्व उद्धरण चिह्नों के भीतर रखा जाना चाहिए.

4. प्रकार पीछे का रंग:के बाद उद्धरण चिह्नों में "शैली =". इस तत्व का उपयोग बटन के पृष्ठभूमि रंग को बदलने के लिए किया जाता है.

5. एक रंग का नाम या हेक्साडेसिमल कोड टाइप करें "पीछे का रंग:". आप एक रंग का नाम टाइप कर सकते हैं (i.ई, नीला) या एक हेक्साडेसिमल रंग.

6. पृष्ठभूमि रंग के बाद एक अर्ध-कोलन (-) टाइप करें. HTML बटन टैग में विभिन्न शैली तत्वों को अलग करने के लिए अर्ध-कोलन का उपयोग करें.

7. प्रकार सीमा रंग: के बाद उद्धरण चिह्नों में "शैली =". इस तत्व का उपयोग बटन के चारों ओर सीमा का रंग निर्धारित करने के लिए किया जाता है. आप उद्धरण मार्करों के बाद किसी भी क्रम में शैली तत्व डाल सकते हैं "शैली =". प्रत्येक तत्व को अर्ध-कोलन (-) द्वारा अलग किया जाना चाहिए.

8. सीमा के रंग के लिए एक रंग नाम या हेक्सिडेसिमल कोड टाइप करें. सीमा के लिए रंग का नाम या हेक्सिडेसिमल कोड के बाद जाता है "सीमा रंग:" तत्त्व.

9. सीमा के रंग के बाद एक अर्ध-कोलन (-) टाइप करें. HTML बटन टैग में विभिन्न शैली तत्वों को अलग करने के लिए अर्ध-कोलन का उपयोग करें.

10. प्रकार रंग:के बाद उद्धरण चिह्नों में "शैली =". इस तत्व का उपयोग बटन में टेक्स्ट रंग को बदलने के लिए किया जाता है. आप उद्धरण मार्करों के बाद किसी भी क्रम में शैली तत्व डाल सकते हैं "शैली =". प्रत्येक तत्व को अर्ध-कोलन (-) द्वारा अलग किया जाना चाहिए.

1 1. एक रंग या हेक्साडेसिमल कोड का नाम टाइप करें. यह बाद में चला जाता है "रंग:" शैली तत्व में. यह बटन में पाठ का रंग निर्धारित करता है.

12. एक उद्धरण चिह्न टाइप करें (") आपके सभी शैली के तत्वों के बाद. आपके सभी स्टाइल तत्वों को उद्धरण चिह्नों में होना चाहिए "शैली =" बटन टैग में. जब आप अपने सभी स्टाइल तत्वों को जोड़ते हैं, तो एक उद्धरण चिह्न टाइप करें (") स्टाइल तत्वों को बंद करने के अंत में.

13. प्रकार > शैली के तत्वों के बाद. यह उद्घाटन बटन टैग बंद कर देता है.

14. बटन टैग के बाद अपना बटन टेक्स्ट टाइप करें. अपने बटन के लिए उद्घाटन टैग बनाना समाप्त करने के बाद, उस पाठ को टाइप करें जिसे आप टैग के बाद बटन में जाना चाहते हैं.

15. अपने बटन टेक्स्ट के बाद टाइप करें. यह आपके बटन के लिए समापन टैग है. आपका बटन पूरा हो गया है. आपका HTML कोड इस तरह कुछ दिखना चाहिए.
<एचटीएमएल><तन><बटन शैली ="पृष्ठभूमि-रंग: लाल सीमा-रंग: नीला- रंग: सफेद">ButtontextButton>तन>एचटीएमएल>
2 का विधि 2:
सीएसएस का उपयोग करना1. अपने HTML दस्तावेज़ के शीर्ष पर टाइप करें. यह आपके HTML दस्तावेज़ के लिए एक प्रमुख बनाता है. आपके दस्तावेज़ का प्रमुख वह जगह है जहां आपके वेब पेज पर दिखाई नहीं दी गई जानकारी रखी गई है. इसमें मेटा डेटा, पेज का शीर्षक, और स्टाइल शीट्स शामिल हैं.

2. प्रकार . यह टैग कैस्केडिंग स्टाइल शीट्स (CSS) के लिए अपने वेब पेज पर एक स्थान जोड़ता है. यह अनुभाग आपके HTML दस्तावेज़ के प्रमुख में जाता है.

3. प्रकार .बटन { शैली अनुभाग के बाद एक अलग लाइन पर. यह एक बटन के लिए शैली शीट खोलता है जो आपके लिए एक शैली बना रहे हैं.

4. प्रकार पीछे का रंग:. यह बटन स्टाइल शीट में एक अलग लाइन पर चला जाता है. यह तत्व बटन के पृष्ठभूमि रंग को नियंत्रित करता है.

5. एक अर्ध-कोलन (-) के बाद एक रंग या हेक्साडेसिमल कोड का नाम टाइप करें. इसके बाद टाइप करें "पीछे का रंग:" बटन स्टाइल शीट में तत्व. यह बटन के पृष्ठभूमि रंग को निर्दिष्ट करता है.

6. प्रकार सीमा रंग:. तत्व बटन के चारों ओर सीमा के रंग को नियंत्रित करता है. बटन के लिए स्टाइल शीट में एक अलग लाइन पर इसे टाइप करें.

7. एक अर्ध-कोलन (-) के बाद एक रंग या हेक्साडेसिमल कोड का नाम टाइप करें. यह बटन के चारों ओर सीमा का रंग निर्धारित करता है. यह बाद में चला जाता है "सीमा रंग:" बटन स्टाइल शीट में तत्व.

8. प्रकार रंग:. इसे स्टाइल शीट में एक अलग लाइन पर टाइप करें. यह तत्व बटन में पाठ के रंग को नियंत्रित करता है.

9. एक अर्ध-कोलन (-) के बाद एक रंग या हेक्साडेसिमल कोड का नाम टाइप करें. यह बटन के अंदर पाठ का रंग निर्धारित करता है. यह बाद में चला जाता है "रंग:" बटन स्टाइल शीट में तत्व.

10. प्रकार } एक अलग लाइन पर. यह आपके बटन के लिए स्टाइल शीट को बंद कर देता है. जब तक आप प्रत्येक बटन को एक अद्वितीय नाम देते हैं, तब तक आप एकाधिक बटन स्टाइल शीट बना सकते हैं.

1 1. अपने CSS को पूरा करने के बाद टाइप करें. अपने सभी स्टाइल शीट्स बनाने के बाद, टाइप करें "" अपने HTML दस्तावेज़ के स्टाइल सेक्शन को बंद करने के लिए एक अलग लाइन पर.

12. प्रकार . यह आपके HTML दस्तावेज़ के प्रमुख को बंद कर देता है.

13. प्रकार टेक्स्ट बटन अपने HTML दस्तावेज़ के शरीर में. यह आपके HTML दस्तावेज़ के स्टाइल सेक्शन में निर्दिष्ट स्टाइल शीट का उपयोग करके अपने HTML के दृश्य भाग में एक बटन जोड़ता है. बदलने के "यूआरएल" वेब के साथ बटन लिंक के साथ. आपके HTML दस्तावेज़ का शरीर बीच में जाता है तथा आपके HTML दस्तावेज़ के टैग. आप एचटीएमएल कोड इस तरह कुछ दिखना चाहिए:
<एचटीएमएल><सिर><अंदाज>.बटन {पृष्ठभूमि-रंग: नीली सीमा-रंग: लाल रंग: सफेद-} शैली>सिर><तन><एक href ="https: // विकीहो.कॉम" वर्ग ="बटन">एक घर>तन>एचटीएमएल>
सामाजिक नेटवर्क पर साझा करें: