Riduzione altezza riga tabella HTML

Question

Ho tabella con poche righe. Voglio che la 1a e la 3a altezza della riga siano impostate su 1 px e la 2a riga su un'altezza normale. Ma il mio codice non funziona.

CODICE HTML scende sotto

<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> 

Qualcuno potrebbe dirmi come fare?

Nota: Non desidero utilizzare i bordi perché, per determinate righe, è possibile che la linea orizzontale all'interno delle righe non sia necessaria o meno.

Answer 1

Aggiungi style="padding:0px; margin:0px;" al hr e cambiare il height del terzo tr-2px

Avrete:

<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>