參考代碼里用dl 包裹表單，這樣真的好嗎？另外中間那句“下次自動(dòng)登錄”用什么標(biāo)簽好呢？
那句“下次自動(dòng)登錄”我用的<span>.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>css sprite login</title>
<style type="text/css">
form,
input,
span,
a,
button{
margin: 0;
padding: 0;
}
.form{
width: 220px;
background-color: #cbf2eb;
overflow: hidden;
}
.userName,
.password,
.login,
.logon {
display: block;
width: 192px;
height: 38px;
border: 1px solid #999;
border-radius: 3px;
margin: 10px;
}
.userName,
.password{
text-indent: 2em;
}
.forget,
span{
font-size: 10px;
}
.forget{
display: inline;
float: right;
margin-right: 20px;
text-decoration: none;
vertical-align: top;
}
.autoLogin{
display: inline;
float: left;
margin-left: 20px;
}
span{
display: inline;
vertical-align: top;
margin-left: 3px;
}
.login{
background-image: url(bg.png);
background-position: 0 0;
}
.logon{
background-image: url(bg.png);
background-position: 0 -38px;
}
</style>
</head>
<body>
<form action="#" class="form">
<input class="userName" type="text" name="" value="" placeholder="郵箱/手機(jī)號(hào)/用戶名">
<input class="password" type="password" name="" value="" placeholder="請(qǐng)輸入密碼">
<input class="autoLogin" type="checkbox" name="" value="">
<span>下次自動(dòng)登錄</span>
<a class="forget" href="##">忘記密碼？</a>
<button class="login"></button>
<button class="logon"></button>
</form>
</body>
</html>
2015-12-16
dl 標(biāo)簽可以不用，他就像列表差不多，你說(shuō)的自動(dòng)登錄，你用的SPAN標(biāo)簽就行，
你的代碼和原文的有出處，沒(méi)有白色的邊框，