<!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>無(wú)標(biāo)題文檔</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="郵箱/手機(jī)號(hào)/用戶名">
????<input?class="block"?placeholder="請(qǐng)輸入密碼">
????<input?type="checkbox"?id="remember">
????<label?for="remember">下次自動(dòng)登錄</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 回答
鬧小志
TA貢獻(xiàn)75條經(jīng)驗(yàn) 獲得超42個(gè)贊
童鞋，你的兩個(gè)button的高都是0啊，沒(méi)有高它怎么顯示呢。也就是說(shuō)，實(shí)際上雪碧圖已經(jīng)好使了，只是因?yàn)槟愕腷utton沒(méi)有高所以才沒(méi)顯示出來(lái)而已！
添加回答
舉報(bào)
0/150
提交
取消