एचटीएमएल टेबल पंक्ति ऊंचाई को कम करना

Question

मेरे पास कुछ पंक्तियों वाली तालिका है। मैं चाहता हूं कि पहली और तीसरी पंक्ति ऊंचाई 1 पीएक्स पर सेट हो और दूसरी पंक्ति सामान्य ऊंचाई पर हो। लेकिन मेरा कोड काम नहीं कर रहा है।

एचटीएमएल कोड

<table border="0"> 
    <tr style="height:2px;" > 
    <td width="10"><hr></td> 

    </tr> 
<tr style="height:20px;" > 
    <td width="10">Hello</td> 

    </tr> 
    <tr style="height:20px;" > 
    <td width="10"><hr></td> 

    </tr> 
</table> 

नीचे चला जाता है किसी को भी कृपया मुझे बताओ कैसे यह करने के लिए कर सकता है?

नोट: मैं सीमाओं का उपयोग नहीं करना चाहता क्योंकि मैं कुछ पंक्तियों के लिए चाहता हूं कि मुझे पंक्तियों के अंदर क्षैतिज रेखा की आवश्यकता हो या न हो।

Answer 1

अपने hr को style="padding:0px; margin:0px;" जोड़ें और अपने तीसरे tr2px को

आप होगा की height बदलने के लिए:

<table border="0"> 
    <tr style="height:2px;" > 
    <td width="10px"><hr style="padding:0px; margin:0px;"></td> 
    </tr> 
<tr style="height:20px;" > 
    <td width="10px">Hello</td> 
    </tr> 
    <tr style="height:2px;" > 
    <td width="10px"><hr style="padding:0px; margin:0px;"></td> 
    </tr> 
</table>