神马品牌网2017出险1次第二年保费:请问怎样用CSS控制上下两行之间文本框的距离
来源：百度文库 编辑：神马品牌网 时间：2024/05/05 12:49:24
用户登录有两个文本框,它们上下之间的距离怎样控制
代码如下：
<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和表格！
代码如下：
<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和表格！
.className{margin:5px 0px 5px 0px;}
margin设定元素之间的间隔
依次是上 右 下 左
具体样式名，数字自己设定吧
在CSS中控制距离的属性很多，这里可用margin，代码是：
input{margin:10px 10px 10px 10px;}//顺序为：上 右 下 左这样就可以控制丙从此文本框的距离了。
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
用表格吧，本来说用line-height的，但一看，你说是文本框，那line-height就不行了，可以这样：
<table>
<tr>
<td height=24>用户名:<input type=text></td>
<td height=24>密 码:<input type=password></td>
</tr>
</table>