सीएसएस टेबल में कॉलम के बीच की दूरी। कोशिकाओं के बीच गद्दी

इसलिए, हमने आपके साथ सबसे सरल क्रियाओं का अध्ययन किया है जो टेबल बॉर्डर के साथ की जा सकती हैं। और अब तालिका बहुत अधिक सौंदर्यवादी रूप से मनभावन दिखती है। हालांकि, कोशिकाओं को भरना सीधे सीमाओं पर निर्भर करता है। इसे आसानी से HTML तालिका में कक्षों को इंडेंट करके ठीक किया जा सकता है। और फिर फ्रेम के अंदर, सेल में पाठ अधिक पठनीय होगा।

सेल को इंडेंट करने के लिए, विशेषता का उपयोग करें सेल पैडिंगटैग के लिए

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

आप बिल्कुल सेट कर सकते हैं कि कितने पिक्सेल इंडेंट किए जाने चाहिए। आइए एक उदाहरण देते हैं जिसमें निचला इंडेंट होगा 20 पिक्सेल, और बाकी सब होगा 10 . ऐसा सीएसएस-कोड इस तरह दिखेगा:

टीडी (पैडिंग: 10 पीएक्स; पैडिंग-बॉटम: 20 पीएक्स;)

और इस स्तर पर पूर्ण शैली कोड:

तालिका (बॉर्डर: ठोस 1px नीला; बॉर्डर-पतन: पतन;) td (बॉर्डर: ठोस 1px नीला; पैडिंग: 10px; पैडिंग-बॉटम: 20px;)

ब्राउज़र में परिणाम:

कोशिकाओं के बीच गद्दी

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

तालिकाओं में इंडेंट न केवल कोशिकाओं के अंदर होते हैं। वे स्वयं कोशिकाओं के बीच भी मौजूद हो सकते हैं।

सेल को इंडेंट करने के लिए दो विकल्प हैं:

1. विशेषता का उपयोग करना cellpacingटैग के लिए

इस बात पर जोर दिया जाना चाहिए सीमा-दूरीसमग्र रूप से तालिका के लिए लिखा गया है, जबकि संपत्ति गद्दीसीधे कोशिकाओं को लिखा जाता है।

आइए एक उदाहरण देखें:

तालिका (बॉर्डर: ठोस 1px नीला; बॉर्डर-पतन: अलग; बॉर्डर-स्पेसिंग: 5px; ) td (बॉर्डर: ठोस 1px नीला; पैडिंग: 10px; पैडिंग-बॉटम: 20px;)

और परिणामी परिणाम के लिए:

हम तुरंत यह निर्धारित करेंगे कि इस तरह के इंडेंटेशन का उपयोग करने की कोशिश करना जरूरी नहीं है सीमा-पतन: पतन. दरअसल, इस विकल्प का उपयोग करते समय, कोशिकाएं एक दूसरे से "चिपक" जाती हैं।

और इन्हें एक दूसरे से अलग रखने के लिए आपको इस्तेमाल करना चाहिए सीमा-पतन: अलग. यह समझना महत्वपूर्ण है कि यह मान डिफ़ॉल्ट मान है। और इसका उपयोग केवल यह दिखाने के लिए किया जाता है कि यह समस्या कैसे हल की जाती है। यदि हम इस पंक्ति को हटाते हैं, तो एक दूसरे से अलग स्थित कोशिकाओं के रूप में परिणाम सहेजा जाएगा।

हम आपके साथ पहले ही पता लगा चुके हैं कि HTML तालिकाओं में क्या है रूपरेखा, हालाँकि ब्राउज़र उन्हें डिफ़ॉल्ट रूप से नहीं दिखाते हैं। लेकिन इतना ही नहीं, प्रत्येक टेबल सेल में एक फ्रेम भी होता है जिसे कहा जाता है सेल बॉर्डर. लेकिन इतना ही नहीं, विशेष टैग विशेषताओं का उपयोग करते हुए

एचटीएमएल टेबल फ्रेम, सेल बॉर्डर, सेल स्पेसिंग और पैडिंग।

अभीतक के लिए तो एक फ्रेम बनानाएचटीएमएल टेबल और इसकी कोशिकाओं की सीमाएँकेवल एक टैग विशेषता का उपयोग किया जाता है

बदलाव के लिए कोशिकाओं के बीच की दूरी(उनकी सीमाएं) और कोशिकाओं से फ्रेम तकएक टैग में टेबल

आंतरिक स्थापित करने के लिए सेल बॉर्डर से उनकी सामग्री तक पैडिंगटैग में आवश्यक

ध्यान दें कि ब्राउज़र छोटे (दो पिक्सेल) सेलस्पेसिंग और सेलपैडिंग के लिए डिफ़ॉल्ट होते हैं, इसलिए स्पेसिंग को पूरी तरह से हटाने के लिए, विशेषताओं को शून्य (0) पर सेट करें।

HTML टेबल के लिए बॉर्डर, बॉर्डर और पैडिंग का एक उदाहरण

केवल फ़्रेम और सेल बॉर्डर सेट वाली तालिका:

ब्राउज़र में परिणाम

संशोधित पैडिंग और रिक्ति वाली तालिका:

स्वाभाविक रूप से, आंतरिक इंडेंट और कोशिकाओं के बीच की दूरी को बदलने के लिए टेबल फ्रेम और सेल बॉर्डर बनाना आवश्यक नहीं है।

HTML सिंटैक्स के अनुसार, ब्राउज़र टेबल और उसके सेल के आकार में सेलस्पेसिंग और सेलपैडिंग मान जोड़ते हैं। उदाहरण के लिए, यदि आप सेल की चौड़ाई 100px और सेलपैडिंग = "10" पर सेट करते हैं - ब्राउज़र इसे 120px बनाने के लिए चौड़ाई (10px बाएँ और दाएँ) में 20px जोड़ देगा। सामान्य तौर पर, आप इसे रास्ते में समझ लेंगे।

विषय से प्रस्थान या पृष्ठ के किनारों पर इंडेंट कैसे निकालें

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

नियत समय में टैग पर पृष्ठ के प्रत्येक पक्ष के लिए इन हाशिये का आकार निर्धारित करने वाली चार विशेषताएं थीं: टॉपमार्जिन (टॉप), राइटमार्जिन (दाएं), बॉटममार्जिन (नीचे) और लेफ्टमार्जिन (बाएं)। अब ये विशेषताएँ बहिष्कृत हैं, इसलिए हम शैलियों (सीएसएस) को लागू करेंगे। इसलिए, पृष्ठ के किनारों पर मार्जिन बदलने के कई तरीके हैं, मैं आपको दो दिखाऊंगा, और यदि आप CSS सीखने का निर्णय लेते हैं तो आप तीसरे के बारे में जानेंगे।

विधि एक। बी टैग निम्नलिखित मानों के साथ शैली विशेषता निर्दिष्ट करें:

शैली = "मार्जिन: 0">...

- एक ही बार में HTML पृष्ठ के सभी पक्षों से इंडेंट हटा देता है।

शैली = "मार्जिन: टॉप राइट बॉटम लेफ्ट">...

- प्रत्येक पक्ष के लिए दक्षिणावर्त इंडेंट के आकार को समायोजित करता है। एक नियम के रूप में, पिक्सेल में आयामों का उपयोग किया जाता है, उदाहरण के लिए: शैली = "मार्जिन: 5 पीएक्स 3 पीएक्स 4 पीएक्स 5 पीएक्स">...

दूसरा या अधिक सुविधाजनक तरीका. टैग में

गृहकार्य।

इस पाठ में, मैं सब कुछ विस्तार से नहीं बताऊंगा - केवल सामान्य बिंदु। पूर्णता के लिए, उदाहरण का परिणाम देखें।

1. तीन टेबल बनाएं, प्रत्येक में एक पंक्ति और तीन कॉलम (कॉलम) हों।
2. पहली तालिका में, पृष्ठ के हेडर या "हेडर" (HTML दस्तावेज़ के "हेडर" के साथ भ्रमित न हों), दूसरे में - बाएँ और दाएँ मेनू, साथ ही मुख्य सामग्री (सामग्री) रखें। , तीसरे में - पृष्ठ का पाद या "पाद"।
3. बता दें कि प्रत्येक टेबल के पहले और आखिरी कॉलम की चौड़ाई तय है।
4. महत्वपूर्ण। टैग का प्रयोग करें पृष्ठ के "शीर्षलेख" में केवल चार क्षैतिज मेनू बटन बनाने के लिए। अन्य मामलों में, छवियों को पृष्ठभूमि में जाने दें, और तालिकाओं की दूसरी कोशिकाओं में, सामान्य रूप से केवल रंगों का उपयोग किया जाता है, और पहली और अंतिम तालिका में यह #99FF99 है।
5. पृष्ठ सामग्री टेक्स्ट को टेबल सेल के दोनों किनारों पर शीर्षक के साथ संरेखित होने दें।
6. तालिकाओं की कोशिकाओं के साथ-साथ कोशिकाओं के इंडेंट के बीच की दूरी के लिए, फिर अपने लिए सोचें कि उन्हें कहाँ पूरी तरह से हटा दिया जाना चाहिए, और कहाँ बढ़ाया जाना चाहिए।

हमने पृष्ठ पर ऐसे तत्वों को टेक्स्ट जानकारी, लिंक्स, छवियों, शीर्षकों के रूप में स्टाइल करने के लिए कई तरीकों पर विचार किया है, लेकिन यह सब अभी भी पर्याप्त नहीं है। मेरे लेखों में, मैं अक्सर टेबल जैसे HTML तत्वों का उपयोग करता हूं, क्योंकि वे ज्यादातर मामलों में होते हैं व्यवस्थित करने में मदद करें महत्वपूर्ण सूचनाऔर पहुँचाने में आसानी हो।

इस लेख में, मैं आपको HTML टेबल की स्टाइलिंग के बारे में जानकारी दूंगा, और आप इन लक्ष्यों को प्राप्त करने के लिए डिज़ाइन किए गए नए CSS गुण सीखेंगे।

एचटीएमएल हाइपरटेक्स्ट मार्कअप लैंग्वेज ने हमें सीएसएस शैलियों को तालिकाओं के साथ काम करने के लिए डिज़ाइन किए गए दस अद्वितीय टैगों से बाँधने की बहुत संभावनाएँ दी हैं, मैं आगे के अध्ययन से पहले उन्हें दोहराने का प्रस्ताव करता हूँ:

हमारे उदाहरण का नतीजा:

चावल। टेबल में 153 रो स्टाइलिंग उदाहरण

निम्न उदाहरण टेबल सेल (प्रॉपर्टी) में कॉर्नर राउंडिंग लगाने पर विचार करता है।

इस उदाहरण में, हम:

• तालिका को बाहरी मार्जिन के साथ केंद्रित करें, निर्दिष्ट हेडर सेल की चौड़ाई और ऊंचाई को 50px पर सेट करें पारदर्शीसीमा 5 पिक्सेल।
• पाया कि जब आप हेडर सेल पर होवर (छद्म वर्ग: होवर) करते हैं, तो यह हो जाता है पृष्ठभूमि नीलारंग की, नारंगीपाठ का रंग, सीमा नारंगीरंग 5 पिक्सेल और गोलाई त्रिज्या 100%।
• पारदर्शी सीमासीमा के लिए एक स्थान आरक्षित करने के लिए आवश्यक है, जो होवर पर प्रदर्शित होगा, यदि ऐसा नहीं किया जाता है, तो तालिका "कूद" जाएगी।

हमारे उदाहरण का नतीजा:

निम्न उदाहरण HTML तत्वों के उपयोग पर स्पर्श करता है और और उनकी स्टाइलिंग।

इस उदाहरण में, हम:

हमारे उदाहरण का नतीजा:

और अंतिम उदाहरण, जिसे समझना काफी कठिन है और इसके लिए CSS के उन्नत ज्ञान की आवश्यकता है, क्योंकि यह इस पाठ्यक्रम के भीतर विस्तृत अध्ययन के लिए नियोजित भविष्य के विषयों को छूता है।

पिछले उदाहरण में, हमने महसूस किया कि HTML तत्व आप केवल एक सीएसएस संपत्ति - पृष्ठभूमि रंग (पृष्ठभूमि-रंग) लागू कर सकते हैं, लेकिन साथ ही आप इस तत्व पर सीधे होवर (छद्म-वर्ग: होवर) पर पृष्ठभूमि रंग सेट नहीं कर सकते। इस उदाहरण में, हम देखेंगे कि केवल CSS का उपयोग करके तालिका स्तंभ को कैसे हाइलाइट किया जाए।

इस उदाहरण में, हम:

• हम सेट करते हैं कि हमारी तालिका 100% मूल तत्व पर कब्जा कर लेती है, तालिका कोशिकाएं मूल तत्व के 25% पर कब्जा कर लेती हैं और 1 पिक्सेल हरे रंग की एक ठोस सीमा होती है, हेडर और डेटा कोशिकाओं की ऊंचाई 45px होती है। हमने मूल्य के साथ सीमा-संक्षिप्त गुण का उपयोग करके कोशिकाओं के बीच के अंतर को हटा दिया .
• और इसलिए, छद्म-तत्व के बाद :: का उपयोग करके हम प्रत्येक तत्व के बाद सामग्री जोड़ते हैं हॉवर पर। सामग्री संपत्ति के साथ :: के बाद छद्म-तत्व का उपयोग किया जाना चाहिए, जिसके लिए हम एक ब्लॉक-स्तरीय तत्व सम्मिलित करते हैं जिसमें पृष्ठभूमि का रंग होता है हरे जंगलऔर हैं पूर्ण स्थिति.
• यहां निरपेक्ष स्थिति अपने पूर्वज के निर्दिष्ट किनारे के सापेक्ष तत्व को ऑफसेट करने के लिए आवश्यक है, जबकि पूर्वज के पास डिफ़ॉल्ट - स्थिर के अलावा कोई स्थिति मान होना चाहिए, अन्यथा गिनती ब्राउज़र विंडो के निर्दिष्ट किनारे के सापेक्ष होगी, इसके लिए टेबल के लिए सेट करने का कारण सापेक्ष स्थिति(रिश्तेदार )।
• हम अपने जनरेट किए गए ब्लॉक के लिए शीर्ष संपत्ति सेट करते हैं, जो शीर्ष किनारे से स्थित तत्व की ऑफसेट दिशा को निर्दिष्ट करता है, और नीचे की संपत्ति, जो निचले किनारे से स्थित तत्व की ऑफसेट दिशा को निर्दिष्ट करता है। दोनों गुणों को 0 पर सेट किया गया था, इसलिए ब्लॉक तालिका के नीचे और ऊपर से तत्व पर पूरी तरह से कब्जा कर लेगा, इस ब्लॉक की चौड़ाई 25% पर सेट की गई थी, यह मान सेल की चौड़ाई के मान से मेल खाता है।
• और अंतिम गुण जो हमने इस ब्लॉक के लिए निर्धारित किया है: z-इंडेक्स "-1" के मान के साथ यह स्थित तत्वों के क्रम को निर्धारित करता है जेड अक्ष. यह संपत्ति आवश्यक है ताकि पाठ इस ब्लॉक के सामने हो, न कि इसके पीछे, यदि आप शून्य से कम मान सेट नहीं करते हैं, तो ब्लॉक पाठ को बंद कर देगा।

हमारे उदाहरण का नतीजा:

यदि अध्ययन के इस स्तर पर आप तत्वों की स्थिति की प्रक्रिया को नहीं समझते हैं, तो निराश न हों, यह समझने के लिए एक कठिन विषय है, जिस पर हमने भी विचार नहीं किया, लेकिन हम निश्चित रूप से अगले लेख में इस पर विचार करेंगे। पाठ्यपुस्तक "सीएसएस में पोजिशनिंग तत्व"।

विषय पर प्रश्न और कार्य

अगले विषय पर जाने से पहले, व्यावहारिक कार्य पूरा करें:

यदि आपको किसी अभ्यास अभ्यास को पूरा करने में समस्या हो रही है, तो आप कभी भी उदाहरण को एक अलग विंडो में खोल सकते हैं और यह देखने के लिए पृष्ठ का निरीक्षण कर सकते हैं कि किस CSS का उपयोग किया गया था।

2016-2020 डेनिस बोल्शकोव, आप साइट पर टिप्पणियां और सुझाव साइट@gmail.com पर भेज सकते हैं

सारणीबद्ध आंकड़े- जानकारी जो तालिका के रूप में प्रदर्शित की जा सकती है और तार्किक रूप से स्तंभों और पंक्तियों में विभाजित की जा सकती है। HTML टैग का उपयोग वेब पेजों पर सारणीबद्ध डेटा प्रदर्शित करने के लिए किया जाता है।

टैग के अंदर

या

. यह वे कक्ष हैं जिनमें वेब पेज पर प्रदर्शित तालिका की सभी सामग्री होती है। टेबल फ्रेम डिफ़ॉल्ट रूप से, वेब पेज पर एक HTML टेबल बिना बॉर्डर के प्रदर्शित होती है, टेबल के साथ-साथ अन्य सभी तत्वों में बॉर्डर जोड़ने के लिए, CSS गुण का उपयोग करें सीमा. लेकिन आपको इस तथ्य पर ध्यान देना चाहिए कि यदि आप केवल तत्व में सीमा जोड़ते हैं , तो यह संपूर्ण तालिका के चारों ओर प्रदर्शित होगा। टेबल सेल में भी एक फ्रेम होने के लिए, आपको तत्वों के लिए बॉर्डर प्रॉपर्टी सेट करने की आवश्यकता होगी और . टेबल, वें, टीडी (बॉर्डर: 1पीएक्स सॉलिड ब्लैक; ) कोशिश " अब टेबल और सेल दोनों की सीमाएँ हैं, और प्रत्येक सेल और टेबल की अपनी सीमाएँ हैं। नतीजतन, फ्रेम के बीच एक खाली जगह दिखाई दी, इस जगह का आकार संपत्ति द्वारा नियंत्रित किया जा सकता है सीमा-दूरी, जो पूरी टेबल के लिए सेट है। दूसरे शब्दों में, आप अलग-अलग सेल के बीच की दूरी को अलग-अलग नियंत्रित नहीं कर सकते। यहां तक ​​​​कि अगर आप 0 पर सेट बॉर्डर-स्पेसिंग गुण वाले सेल के बीच की दूरी को हटा देते हैं, तो सेल बॉर्डर एक-दूसरे को स्पर्श करेंगे, दोगुनी हो जाएगी। सेल फ़्रेम मर्ज करने के लिए, गुण का उपयोग करें सीमा-पतन. यह दो मान ले सकता है: अलग: डिफ़ॉल्ट मान है। सेल पर प्रदर्शित होते हैं कम दूरीइसके अलावा, प्रत्येक कोशिका की अपनी सीमा होती है। पतन: आसन्न फ़्रेमों को एक में विलीन कर देता है, कोशिकाओं के साथ-साथ कोशिकाओं और तालिका फ़्रेम के बीच सभी अंतरालों को अनदेखा कर दिया जाता है। नाम उपनाम डाक का कबूतर सिम्पसन किनारा सिम्पसन नाम उपनाम डाक का कबूतर सिम्पसन किनारा सिम्पसन कोशिश " तालिका का आकार टेबल सेल में बॉर्डर जोड़ने के बाद, यह ध्यान देने योग्य हो गया कि सेल की सामग्री किनारों के बहुत करीब थी। कोशिकाओं के किनारों और उनकी सामग्री के बीच मुक्त स्थान जोड़ने के लिए, आप संपत्ति का उपयोग कर सकते हैं गद्दी : गु, टीडी (गद्दी: 7 पीएक्स;) कोशिश " तालिका का आकार उसकी सामग्री पर निर्भर करता है, लेकिन अक्सर ऐसी स्थितियां होती हैं जब तालिका बहुत संकीर्ण होती है और इसे फैलाना आवश्यक हो जाता है। गुणों का उपयोग करके टेबल की चौड़ाई और ऊंचाई को बदला जा सकता है चौड़ाईऔर ऊंचाई, वांछित आयाम या तालिका स्वयं या कक्ष सेट करना: तालिका (चौड़ाई: 70%; ) वें (ऊंचाई: 50पीएक्स;) कोशिश " पाठ्य संरेखण डिफ़ॉल्ट रूप से, तालिका शीर्ष लेख कक्षों में पाठ मध्य संरेखित होता है और गुण का उपयोग करके सामान्य कक्षों में पाठ बाईं ओर संरेखित किया जाता है पाठ संरेखितआप पाठ के क्षैतिज संरेखण को नियंत्रित कर सकते हैं। सीएसएस संपत्ति ऊर्ध्वाधर- alignआपको टेक्स्ट सामग्री के लंबवत संरेखण को नियंत्रित करने की अनुमति देता है। डिफ़ॉल्ट रूप से, पाठ को कोशिकाओं के केंद्र में लंबवत रूप से संरेखित किया जाता है। लंबवत संरेखण गुण मानों में से किसी एक का उपयोग करके लंबवत संरेखण को ओवरराइड किया जा सकता है: शीर्ष: पाठ को सेल के शीर्ष पर संरेखित किया गया है मध्य: पाठ को केंद्र में संरेखित करता है (डिफ़ॉल्ट) बॉटम: टेक्स्ट को सेल के बॉटम बॉर्डर से एलाइन किया जाता है नाम उपनाम डाक का कबूतर सिम्पसन किनारा सिम्पसन कोशिश " तालिका पंक्ति पृष्ठभूमि रंग प्रत्यावर्तन कई पंक्तियों वाली बड़ी तालिकाओं को देखते समय बड़ी राशिजानकारी, यह ट्रैक करना मुश्किल हो सकता है कि कौन सा डेटा किसी विशेष पंक्ति से संबंधित है। उपयोगकर्ताओं को नेविगेट करने में मदद करने के लिए, आप वैकल्पिक रूप से दो अलग-अलग पृष्ठभूमि रंगों का उपयोग कर सकते हैं। वर्णित प्रभाव बनाने के लिए, आप उपयोग कर सकते हैं वर्ग चयनकर्ता, इसे तालिका की प्रत्येक दूसरी पंक्ति में जोड़ना: नाम उपनाम पद डाक का कबूतर सिम्पसन पिता किनारा सिम्पसन मां बार्ट सिम्पसन बेटा लिसा सिम्पसन बेटी कोशिश " प्रत्येक दूसरी पंक्ति में एक वर्ग विशेषता जोड़ना एक कठिन कार्य है। CSS3 में जोड़ा गया छद्म वर्ग: nth-चाइल्ड, इस समस्या को वैकल्पिक तरीके से हल करने की अनुमति देता है। दस्तावेज़ के HTML मार्कअप को बदलने का सहारा लिए बिना अब स्ट्रिपिंग का प्रभाव पूरी तरह से CSS के माध्यम से प्राप्त किया जा सकता है। :nth-child स्यूडो-क्लास का उपयोग करके, आप किसी एक कीवर्ड का उपयोग करके तालिका की सभी सम या विषम पंक्तियों का चयन कर सकते हैं: सम (सम) या विषम (विषम): Tr:nth-child(विषम) (पृष्ठभूमि-रंग: #EAF2D3; ) कोशिश " हॉवर पर पंक्ति पृष्ठभूमि बदलें सारणीबद्ध डेटा की पठनीयता में सुधार करने का दूसरा तरीका यह है कि जब आप माउस से किसी पंक्ति पर होवर करते हैं तो उसकी पृष्ठभूमि का रंग बदल दें। यह तालिका की वांछित सामग्री को उजागर करने और डेटा की दृश्य धारणा को बढ़ाने में मदद करेगा। इस तरह के प्रभाव को लागू करना बहुत सरल है, आपको केवल तालिका पंक्ति चयनकर्ता में :hover छद्म वर्ग जोड़ना है और वांछित पृष्ठभूमि रंग सेट करना है: ट्र: होवर (पृष्ठभूमि-रंग: #E0E0FF;) कोशिश " केंद्र संरेखित तालिका एचटीएमएल संरेखणसेंटरिंग टेबल तभी संभव है जब टेबल की चौड़ाई उसके मूल तत्व की चौड़ाई से कम हो। तालिका को केंद्र में रखने के लिए, आपको मार्जिन संपत्ति का उपयोग करने की आवश्यकता है, इसे कम से कम दो मानों पर सेट करना: पहला मान ऊपर और नीचे से तालिका के बाहरी मार्जिन के लिए जिम्मेदार होगा, और दूसरा - स्वचालित केंद्र संरेखण के लिए: टेबल (मार्जिन: 10पीएक्स ऑटो;) कोशिश " यदि आपको टेबल के ऊपर और नीचे अलग-अलग इंडेंट चाहिए, तो आप प्रॉपर्टी सेट कर सकते हैं अंतरतीन मान: पहला शीर्ष इंडेंट के लिए जिम्मेदार होगा, दूसरा क्षैतिज संरेखण के लिए और तीसरा निचला इंडेंट के लिए: टेबल (मार्जिन: 10पीएक्स ऑटो 30पीएक्स;) शेयर करना: 5,00 / 3 घर →विंडोज 10 →सीएसएस टेबल में कॉलम के बीच की दूरी। कोशिकाओं के बीच गद्दी → संबंधित आलेख: आईफोन से क्यूआर कोड कैसे स्कैन करें स्मार्टफोन सैमसंग जीटी I8160 गैलेक्सी ऐस II: समीक्षा और विनिर्देश आईफोन से क्यूआर कोड कैसे स्कैन करें Tele2 के लिए Zvooq सेवा के बारे में सब कुछ