वेब पेज का बैकग्राउंड और टेक्स्ट कलर कैसे बदलें

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

युक्ति: किसी भी वेब पेज तत्व के रंग को परिभाषित करते समय, आपको HTML रंग कोड का उपयोग करना पड़ सकता है। प्रमुख रंगों के लिए, आप रंग कोड का उपयोग करने के बजाय उन रंगों के नाम भी निर्दिष्ट कर सकते हैं, उदाहरण के लिए, लाल, नीले, हरे और काले रंग उनके सम्मान रंग कोड मानों का उपयोग करने के बजाय।

सीएसएस उदाहरण

नीचे दिए गए CSS उदाहरण में, हम "पृष्ठभूमि-रंग: # 000;" जोड़कर शरीर को काले रंग की पृष्ठभूमि का रंग दे रहे हैं; बॉडी ब्लॉक में। पृष्ठभूमि का रंग काला होने के कारण, पाठ का रंग भी बदलना होगा, या यह दिखाई नहीं देगा। इसलिए, हम "रंग: #fff;" जोड़कर पाठ का रंग सफ़ेद पर सेट कर रहे हैं; ब्लॉक में।

 body {फ़ॉन्ट-परिवार: Helvetica, Arial, sans-serif; पृष्ठभूमि का रंग: # 000; रंग: #fff; } 

यदि आपका पृष्ठ CSS का उपयोग नहीं कर रहा है या आप CSS में कनवर्ट नहीं करना चाहते हैं, तो नीचे HTML कोड में BODY टैग में यह कैसे किया जाए, इसके चरण दिए गए हैं। हालाँकि, जैसा कि पहले बताया गया है कि हम बॉडी टैग के बजाय उपरोक्त CSS कोड का उपयोग करने की सलाह देते हैं। यदि आप CSS स्टाइलिंग का उपयोग करते हैं, तो आप पृष्ठभूमि-रंग मानों को एक बार बदल सकते हैं, और उस शैली का उपयोग करके सभी HTML तत्वों में परिवर्तन स्वतः ही लागू हो जाएंगे।

HTML बॉडी टैग उदाहरण

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

नीचे शरीर टैग में HTML विशेषताओं में से प्रत्येक का वर्णन किया गया है।

पाठ = पाठ का रंग।

लिंक = लिंक का रंग।

VLINK = लिंक किया गया रंग।

ALINK = सक्रिय लिंक का रंग, या क्लिक करने पर लिंक का रंग बदल जाता है।

BGCOLOR = पृष्ठ पृष्ठभूमि का रंग।

युक्ति: उपरोक्त सभी मूल्यों को बेहतर ढंग से समझाने में मदद करने के लिए, इस पृष्ठ पर लिंक का रंग नीला है, आपके द्वारा देखे गए लिंक बैंगनी हैं, और जो लिंक ओवर होवर या क्लिक किए गए हैं, वे लाल हैं।