如何减少 html 表格中的行间距

Poo*_*oja 5 css

我设计了这个注册表单。问题是两行之间的空间太大,即 id 和密码部分。如何减少空间?

CSS(HTML/Head/Style 元素内部)

<html>
<head>
<title>Signup</title>
<style>
div
{
    position:absolute;
    top:300px;
    left:550px;
    width:200px;
}

table
{   
    height:150px;
    border:1px solid black;
    border-radius:10px;
    box-shadow:0px 0px 2px #777;

}
td
{
    padding:10px;

}

 .ip
{
    border-radius:5px;
    border:1px solid grey;

}

 .label
{
    color:#EE6AA7;
    font-family:Helvetica;
    font-size:17px;
}
</style>
</head>
Run Code Online (Sandbox Code Playgroud)

HTML(HTML/正文内部)

<body>
<div>
<form>
<table>
<tr>
    <td class="label">Id</td>
    <td><input type="text" name="id" class="ip"></td>
</tr>
<tr>
    <td class="label">Password</td>
    <td><input type="text" name="pswrd" class="ip"></td>
</tr>
</table>
</form>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

Pri*_* Km 1

style="border-collapse: collapse"放在桌子上使用。