Reduzieren HTML-Tabellenzeilenhöhe

Question

Ich habe Tabelle mit wenigen Zeilen. Ich möchte, dass die Höhe der ersten und dritten Reihe auf 1 px und die der zweiten Reihe auf normale Höhe eingestellt wird. Aber mein Code funktioniert nicht.

HTML-Code geht unter

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

Könnte jemand bitte sagen Sie mir, wie es zu tun?

Hinweis: Ich möchte nicht, dass Grenzen verwendet werden, weil ich für bestimmte Zeilen möchte ich oder nicht die horizontale Linie in den Zeilen benötigen.

Answer 1

hinzufügen style="padding:0px; margin:0px;" zu Ihrem hr und ändern die height Ihrer dritten tr-2px

Sie haben:

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