<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title>無標題文檔</title>
<style>
*{
????margin:0;
????padding:0;
}
form{
????width:200px;
????padding:5px?10px;
????background-color:lightblue;
}
.block?{
????width:190px;
????height:38px;
????display:block;
????margin:10px?0;
????font-size:15px;
????text-indent:2em;
}
label,a{
????font-size:80%;
text-decoration:none;
}
label{
????margin-right:25px;
}
.button{
????border:none;
????background-image:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);
}
#signup{
background:url(sp.png)0?-38px;
display:inline;
}
</style>
</head>
<body>
<form>
????<input?class="block"?placeholder="郵箱/手機號/用戶名">
????<input?class="block"?placeholder="請輸入密碼">
????<input?type="checkbox"?id="remember">
????<label?for="remember">下次自動登錄</label>
????<a?href="#">忘記密碼?</a>
????<!--<button?class="block"?id="login"></button>
????<button?class="block"?id="signup"></button>-->
????<div?class="block"><input??class="button"?type="button"></div>
????<div?class="block"><input??class="button"?type="button"?id="signup"></div>
????
????
</form>
</body>
</html>
2 回答
- 2 回答
- 0 關注
- 1194 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消