Question

请问怎样用CSS控制上下两行之间文本框的距离

用户登录有两个文本框,它们上下之间的距离怎样控制
代码如下：
<form action="" method="post">
用户名: <input type="text" name="name" size="15">
密码:<input type="password" name="pwd" size="15"><br>
验证码: <input type="text" name="code" size="7"><br>
<input type="submit" name="sb" value="登 录"><input type="reset" name="rs" value="reset">
</form>

不用margin和表格！

Answer 1

在CSS中控制距离的属性很多，这里可用margin，代码是：

input{margin:10px 10px 10px 10px;}//顺序为：上  右  下  左

这样就可以控制丙从此文本框的距离了。

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

Answer 2

.className{margin:5px 0px 5px 0px;}
margin设定元素之间的间隔
依次是上 右 下 左
具体样式名，数字自己设定吧

Answer 3

用表格吧，本来说用line-height的，但一看，你说是文本框，那line-height就不行了，可以这样：
<table>
<tr>
<td height=24>用户名:<input type=text></td>
<td height=24>密 码:<input type=password></td>
</tr>
</table>