Question

这一段html登陆框代码如果用DIV+CSS写的话该怎么写呀

研究了好久也没试出来，请高手帮帮我吧，谢谢了 <tbody> <tr> <td> <div class="login-fail-info" style="display:none">此邮箱尚未激活或密码不正确</div> </td> <td> <div> <label class="ui-input"><input type="text" value="" id="userName" name="userName" class="name"></label> <span id="userNameTip" class="tip" unselectable="on" style="display: block; ">用户名 或 邮箱</span> </div> </td> <td> <div> <label class="ui-input ui-password"><input type="password" value="" id="password" name="password" class="psd"></label> <span id="passwordTip" class="tip" unselectable="on" style="display: inline; ">密码</span> </div> </td> <td> <label class="ui-button"> <button type="submit" class="ui-button-inner">登录</button> </label> </td> </tr> </tbody> <tfoot> <tr> <td></td> <td height="24" align="left" class="remember"> <input type="checkbox" value="1" name="remember" id="remember" checked="checked" style="display: none; "><button type="button" class="checkbox checkbox-chked"></button> <b>记住我</b> </td> <td><a href="http://www.xxx.com" title="">忘记密码?</a></td> <td><a href="http://www.xxx.com/reg" title="注册">注册</a></td> </tr> </tfoot> </table> <input type="hidden" value="1" id="action" name="action">

Answer 1

<style>
.main{
width:500px;
height:100px;
background-color:#006699;
margin:0
auto;
text-align:center;
padding-top:20px;}
.cha{
height:20px;}
a{
color:#990000;}
</style>
<DIV
class="main">
<form
id="form1"
action="#">
<DIV
class="div1"><input
class="cha"
type="text"
id="userName"
value="用户名或邮箱"
/>
<input
class="cha"
type="password"
id="password"
/>
<button>登录</button>
</DIV>
<DIV>
<input
name="chekbox"
type="checkbox"
/><font
style="font-size:12px;">记住我</font><a
href="#"
style="padding-left:100px;"><font
style="font-size:12px;">忘记密码?</font></a><a
style="padding-left:100px;"
href="#"><font
style="font-size:12px;">注册嘀咕</font></a>
</DIV>
</form>
</DIV>
---------------
你保存HTML运行下。不知道是不是你要的。