कैसे करें - ज़ेबरा स्ट्राइप्ड टेबल
CSS के साथ ज़ेबरा स्ट्राइप्ड टेबल बनाना सीखें।
ज़ेबरा एक टेबल स्ट्रिपिंग
पहला नाम | अंतिम नाम | अंक |
---|---|---|
जील | लोहार | 50 |
पूर्व संध्या | जैक्सन | 94 |
एडम | जॉनसन | 67 |
ज़ेबरा-धारीदार तालिका बनाने के लिए, nth-child()
चयनकर्ता का उपयोग करें और सभी सम (या विषम) तालिका पंक्तियों में पृष्ठभूमि-रंग जोड़ें:
उदाहरण
tr:nth-child(even) {
background-color: #f2f2f2;
}
टेबल को स्टाइल करने के तरीके के बारे में अधिक जानने के लिए हमारे CSS टेबल्स ट्यूटोरियल पर जाएँ।
nth-child() चयनकर्ता के बारे में अधिक जानने के लिए हमारे CSS Selector Reference पर जाएं।