HTML टेबल का बैकग्राउंड कलर कैसे बदलें

यह आलेख किसी वेबसाइट पर किसी तालिका के भागों की पृष्ठभूमि का रंग बदलने के तरीकों के बारे में बताता है।

पुरानी पद्धति ने विशेषता का उपयोग किया बीजी रंग किसी तालिका की पृष्ठभूमि का रंग बदलने के लिए। इसका उपयोग टेबल रो या टेबल सेल का रंग बदलने के लिए भी किया जा सकता है। लेकिन शैली पत्रक के पक्ष में bgcolor विशेषता को हटा दिया गया है, इसलिए यह तालिका के पृष्ठभूमि रंग में हेरफेर करने का सबसे अच्छा तरीका नहीं है।

पृष्ठभूमि का रंग बदलने का बेहतर तरीका शैली की संपत्ति जोड़ना है पीछे का रंग तालिका, पंक्ति या सेल टैग के लिए।

यह उदाहरण संपूर्ण तालिका की पृष्ठभूमि का रंग बदलता है:

एकल पंक्ति का रंग बदलने के लिए, पृष्ठभूमि-रंग गुण को इसमें सम्मिलित करें।

आप विशेषता को जोड़कर एकल कक्ष का रंग बदल सकते हैं।

आप टेबल हेड्स पर पृष्ठभूमि रंग भी लागू कर सकते हैं, या

स्टाइल शीट्स का उपयोग करके पृष्ठभूमि का रंग बदलें

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

बाहरी स्टाइल शीट. HEAD या बाहरी स्टाइल शीट में इस तरह के परिवर्तन टेबल, पंक्तियों और सेल के लिए इस तरह दिखाई दे सकते हैं:

तालिका {पृष्ठभूमि-रंग: #ff0000; }
tr {पृष्ठभूमि-रंग: पीला; }
टीडी {पृष्ठभूमि-रंग: #000; }

कॉलम पृष्ठभूमि रंग सेट करना

किसी कॉलम के लिए बैकग्राउंड कलर सेट करने का सबसे अच्छा तरीका है a शैली वर्ग और फिर इसे कॉलम के सेल को असाइन करें। एक वर्ग बनाना आपको एक विशेषता का उपयोग करके उस वर्ग को एक विशिष्ट कॉलम में कक्षों को असाइन करने की अनुमति देता है।

सीएसएस:

टीडी ColColor {पृष्ठभूमि-रंग: नीला; }

एचटीएमएल:

सेल 1सेल 2सेल 1सेल 2

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