कई नौसिखिया या शौकिया वेब डिज़ाइनर जानना चाहते हैं कि तालिका के पृष्ठभूमि रंग को कैसे बदला जाए। कुछ मिनटों में, आप इस तकनीक को इस संक्षिप्त ट्यूटोरियल के साथ निष्पादित करने के तरीके सीख सकते हैं। यह प्रतीत होता है कि यह विधि भयभीत नहीं है। किसी तालिका के पृष्ठभूमि रंग को बदलना उतना आसान है जितना कि आप सेल, पंक्ति या तालिका पर एक विशेषता जोड़ना चाहते हैं।
कैसे शुरू करें
गुण bgcolor तालिका के पृष्ठभूमि रंग के साथ-साथ वर्तमान तालिका पंक्ति या वर्तमान तालिका कक्ष को बदल देगा। लेकिन bgcolor विशेषता स्टाइल शीट के पक्ष में बहिष्कृत है, इसलिए यह तालिका के पृष्ठभूमि रंग को बदलने का सबसे इष्टतम तरीका नहीं है। पृष्ठभूमि रंग बदलने का बेहतर तरीका स्टाइल प्रॉपर्टी पृष्ठभूमि-रंग को टेबल, पंक्ति या सेल टैग में जोड़ना है। सीखने के लिए नीचे दिए गए उदाहरण को देखें।
<टेबल शैली = "पृष्ठभूमि-रंग: # एफएफ 0000;">अगर किसी कारण से, आप शैली में पृष्ठभूमि संपत्ति पृष्ठभूमि-रंग जोड़ना नहीं चाहते हैं, तो विकल्प चुनने के विकल्प हैं। उदाहरण के लिए, आप शैलियों को अपने दस्तावेज़ के सिर में या बाहरी स्टाइल शीट में स्टाइल शीट में सेट कर सकते हैं। निम्नलिखित देखें:
टेबल {पृष्ठभूमि-रंग: # एफएफ 0000; } tr {पृष्ठभूमि-रंग: पीला; } टीडी {पृष्ठभूमि रंग: # 000; }पृष्ठभूमि रंग सेट करना
कॉलम पर पृष्ठभूमि रंग सेट करने का सबसे अच्छा तरीका स्टाइल क्लास बनाना है और उसके बाद उस कॉलम को उस कॉलम में सेल्स को असाइन करना है। यह कैसे करना है यह जानने के लिए नीचे दिए गए उदाहरण देखें।
सीएसएस:
td.blueCol {पृष्ठभूमि-रंग: नीला; }एचटीएमएल:
| class = "blueCol" > सेल 1 | सेल 2 |
| class = "blueCol" > सेल 1 | सेल 2 समेट रहा हुभले ही आपने पहले किसी तालिका के पृष्ठभूमि रंगों को कभी नहीं बदला है, फिर भी आप इस विधि को अपने आप प्रयोग करने के लिए ऊपर दिए गए उदाहरणों की प्रतिलिपि बना सकते हैं। प्रस्तुत किए गए विभिन्न विकल्पों को आज़माएं और वह एक चुनें जिसे आप अंत में सबसे अधिक आरामदायक महसूस करते हैं। और यदि आप HTML तालिकाओं के बारे में अधिक जानकारी चाहते हैं, तो अतिरिक्त विवरण के लिए इस FAQ से परामर्श लें। |