क्या कोई कारण है कि आप <tr> पर सीएसएस

Question

का उपयोग कर एक HTML तालिका में सीमा नहीं डाल सकते हैं मेरे पास एक टेबल है और मेरे पास "अंडररो" श्रेणी के सेट के साथ एक tr है।

सीएसएस में मेरे पास है:

.underRow { 
border-bottom-color: #7a26b9; 
border-bottom-style: solid; 
border-bottom-width: 1px; 
} 

लेकिन पंक्ति सीमा पर सब बदल प्रतीत नहीं होता है। यदि मैं वर्ग विशेषता को टीडी में ले जाता हूं तो यह ठीक काम करता है (लेकिन मुद्दा यह है कि मुझे बीच में एक जगह मिलती है जहां पैडिंग कोशिकाओं के बीच होती है। मैं इस जगह से बचना चाहता हूं और पंक्ति के नीचे एक सीधी रेखा है।

क्या सीएसएस सीमा डाल एक पंक्ति (tr) तत्व पर विशेषताओं के साथ कुछ गलत है

यहाँ संदर्भ के लिए इस मेज पर सीएसएस के बाकी है:

.quantityTable { 
    border-radius: 5px 5px 5px 5px; 
    background-color: #d6b4E1; 
    padding: 5px; 
    margin-bottom: 5px; 
    width: 100%; 
    border-width: 2px; 
    border-color: #7a26b9; 
    border-style: solid; 
} 

Answer 1

नहीं, यह काम करना चाहिए।

इस देखें: http://jsfiddle.net/jasongennaro/qCzrg/

शायद आप TD के लिए

border-collapse:collapse 

या हो सकता है अन्य शैलियों के साथ अपने सीमाओं संक्षिप्त करने के लिए की जरूरत है अधिभावी है

आप कुछ और कोड दिखा सकते हैं।

अपने संपादित अनुसार:

(लेकिन मुद्दा यह है कि मैं बीच जहां गद्दी कोशिकाओं के बीच है में एक स्थान मिलता है मैं इस जगह से बचने और करना चाहते हैं एक सीधे । पंक्ति के नीचे लाइन।

ऐसा लगता है कि आप निश्चित रूप से border-collapse

आप की शैली में जोड़ने चाहिए की जरूरत है table।http://www.the-art-of-web.com/css/bordercollapse/

संपादित 2

नए कोड और निम्न टिप्पणी के आधार पर::

यहाँ यह के बारे में थोड़ा अधिक है

मुद्दा है कि अगर मैं का उपयोग करें: border- पतन: सीमा-त्रिज्या स्टाइल अब और काम नहीं करता

नोट

1. मैं त्रिज्या बनाया बड़ा तो आप इसे आसान देख सकते हैं: 691,363,210

   मैं तुम्हें अनुमान लगा रहा हूँ इस

   .quantityTable{ 
       border-radius: 15px 15px 15px 15px; 
       background-color: #d6b4E1; 
       margin-bottom: 5px; 
       width: 100%;  
   } 
   
   .underRow{ 
       border-bottom-color: #7a26b9; 
       border-bottom-style: solid; 
       border-bottom-width: 1px; 
   } 
   
   .underRow:last-child{ 
       border-bottom:none; 
   } 
   
   .underRow td{ 
       padding: 15px; 
   } 
   

   उदाहरण की तरह कुछ करना चाहते हैं।

2. मैं भी तालिका में ही

Answer 2

कुछ ब्राउज़रों डॉन के कुछ संस्करणों tr तत्वों पर सीमा शैलियों को स्थापित करने के लिए कृपया ध्यान न दें।

आप उन्हें हमेशा अपने td एस पर सेट कर सकते हैं।

.underRow td { 
    border-bottom: 1px solid #7a26b9; 
} 

अगर कोई सीमा रिक्ति आप border-collapse: collapse; का उपयोग कर अपने तालिका बॉर्डर संक्षिप्त करने के लिए आवश्यकता हो सकती है है।