部分代码如下:
#left li{
list-style-type: none;
float: left;
margin: 0px 0px 5px 0px;
width: 100%;
}
#login{
width: 188px;
height: 100px;/*设定高度,字体大小,影响是否所有li加起来高度超过这个高度*/
background-color: ghostwhite;
font-size: 12px;
border: 1px solid lawngreen;
}
#left #login ul{
margin: 5px 0px 0px 5px;
}
#left #title01{
font-size: 14px;
text-align: center;
font-weight: bold;
color: darkcyan;
background-color: wheat;
height: 16px;
width: 192px;
padding-top: 5px;
padding-bottom: 3px;
}
.btn1{
float: left;
border: 1px solid sandybrown;
margin-left: 32px;
width: 55px;
height: 25px;
}
.btn2{
margin-left: 13px;
border: 1px solid sandybrown;
width: 55px;
height: 25px;
float: left;
}
css
<body>
<div id="main">
<div id="left">
<ul>
<li >
<div id="title01">用户登陆</div>
<div id="login">
<form id="form1" method="post" action="">
<ul id="box1">
<li><b>账号:</b><input id="username" type="text"/></li>
<li><b>密码:</b><input id="userpassword" type="password"/></li>
<li><input id="submit" type="submit" value="登陆" class="btn1"/></li>
<li><input id="reg" type="submit" value="注册" class="btn2"/></li>
</ul>
</div>
</div>
</form>
</li>
</ul>
</body>