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