तालिका के पृष्ठभूमि रंग को कैसे बदलें

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

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

टेबल {पृष्ठभूमि-रंग: # एफएफ 0000; } tr {पृष्ठभूमि-रंग: पीला; } टीडी {पृष्ठभूमि रंग: # 000; }

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

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

सीएसएस:

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

एचटीएमएल:

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

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