टेबलचे पार्श्वभूमी रंग कसा बदलावा

बर्याच नवशिक्या किंवा हौशी वेब डिझायनर्सना जाणून घ्यायचे आहे की टेबलचे पार्श्वभूमी रंग कसे बदलावे. काही मिनिटांच्या टप्प्यात, आपण हे ट्यूटोरियल कसे वापरावे ते शिकू शकता. पद्धत वाटणारी म्हणून घाबरत नाही. सारणीच्या पार्श्वभूमीचे रंग बदलणे आपल्याला रंगीत, कक्ष किंवा सारणीवर एक विशेषता जोडण्याइतकेच सोपे आहे.

कसे सुरू करा

गुणधर्म bgcolor टेबलचा पार्श्वभूमी रंग बदलेल तसेच वर्तमान सारणी पंक्ती किंवा वर्तमान सारणी कक्ष बदलेल. परंतु bgcolor विशेषता शैली पत्रकांच्या नावे बहिष्कृत करण्यात आली आहे, म्हणून ती टेबलचा पार्श्वभूमी रंग बदलण्याचा सर्वात योग्य मार्ग नाही. पार्श्वभूमी रंग बदलण्याचा अधिक चांगला मार्ग शैली, गुणधर्म पार्श्वभूमी-रंग टेबल, पंक्ती किंवा सेल टॅगमध्ये जोडणे. कसे ते जाणून घेण्यासाठी खालील उदाहरण पहा.

<सारणी शैली = "पार्श्वभूमी-रंग: # ff0000;">

जर काही कारणास्तव, आपण टेबलमध्ये शैलीची गुणधर्म पार्श्वभूमी-रंग जोडू इच्छित नाही, तर निवडण्याजोगी पर्याय आहेत. उदाहरणार्थ, आपण आपल्या कागदपत्राच्या शीर्षस्थानी शैलीमध्ये एक शैली पत्रकामध्ये किंवा बाह्य शैली पत्रकामध्ये शैली सेट करू शकता. खालील पहा:

सारणी {पार्श्वभूमी-रंग: # एफएफ 0000; } tr {background-colour: yellow; } td {background-colour: # 000; }

पार्श्वभूमी रंग सेट करणे

एखाद्या स्तंभावर पार्श्वभूमी रंग सेट करण्याचा सर्वोत्तम मार्ग म्हणजे एक शैली वर्ग तयार करणे आणि नंतर त्या स्तंभात त्या कक्षातील कक्षांना असाइन करा. हे कसे करावे हे शिकण्यासाठी खालील उदाहरणे पहा.

CSS:

td.blueCol {पार्श्वभूमी-रंग: निळा; }

HTML:

<टेबल> < td class = "blueCol" > सेल 1 सेल 2 < td class = "blueCol" > सेल 1 सेल 2

अप लपेटणे

जरी आपण यापूर्वी कधीही सारणीचे पार्श्वभूमी रंग बदलले नाहीत, तर आपण ही पद्धत आपल्या स्वतःच्या वापरासाठी वरील उदाहरणे कॉपी करू शकता. दिलेल्या विविध पर्यायांचा प्रयत्न करा आणि जे तुम्हाला शेवटी सर्वात सोयीस्कर वाटेल ते निवडा. आणि आपल्याला HTML सारण्यांविषयी अधिक माहिती हवी असल्यास, अतिरिक्त तपशीलांसाठी हे FAQ वापरा.