क्यों टीआर शैली नहीं ले रहा है?

Question

सीएसएस

table tr {border-bottom:1px solid #008999} 

एचटीएमएल

<table width="100%" cellspacing="0" cellpadding="0"> 
    <thead> 
     <tr> 
     <th scope="col">one</th> 
     <th scope="col">two</th> 
     <th scope="col">three</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
     <th scope="row">Hello</th> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td> 
     </tr> 
    </tbody> 
</table> 

Answer 1

जोड़ें:

table 
{ 
    border-collapse: collapse; 
} 

अन्यथा trcreates no single block।

सरल उदाहरण: परिभाषा से

table 
 
{ 
 
    border: 5px solid #900; 
 
    background: #fff; 
 
} 
 
tr 
 
{ 
 
    border: 5px solid #090; 
 
} 
 
td 
 
{ 
 
    background: #ccc; 
 
    padding: 5px 0; 
 
} 
 

 
table + table 
 
{ 
 
    border-collapse: collapse; 
 
}

<table> 
 
    <tr> 
 
    <td>def</td> 
 
    <td>ault</td> 
 
    </tr> 
 
</table> 
 
<table> 
 
    <tr> 
 
    <td>coll</td> 
 
    <td>apse</td> 
 
    </tr> 
 
</table>

Answer 2

आप

table { border-collapse: collapse; } 
table tr {border-bottom:1px solid #008999; } 

उपयोग कर सकते हैं ०१२३०२५५२७५२ देखें

table tr th {border-bottom:1px solid #008999} 

तो दे रही है की कोशिश करो

Answer 3

टीआर अभ्यस्त बॉर्डर शैलियां ले। आप इसे भीतर टीडी के लिए इसे लागू करने की आवश्यकता:

table tr td {border-bottom:1px solid #008999}