                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /CSS Sprite雪碧圖應用

求助分割線不能正常顯示

大神來幫我看下問題在哪

biny88

2015-07-17

源自：CSS Sprite雪碧圖應用 4-1

關注問題我要回答

2599

操作

收起

2 回答

淺水了
2015-07-17

<!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?style="text/css">
*{margin:0;padding:0;}
body{margin:50px?auto;width:240px;padding:10px;border:1px?solid?#b6b6b6;}
.wrap{display:inline-block;overflow:hidden;width:220px;height:255px;background:#EBF3FA;padding:10px;}
.userName,.pwd{width:200px;height:30px;text-indent:20px;margin:10px?15px;}
.check{float:left;margin:5px?5px?0?15px;border:none}
span,a{font-size:10px;text-decoration:none;}a{margin-left:45px;}
.but1,.but2{width:190px;height:38px;margin:10px?15px;border:none;border-radius:4px;}
hr{background:#D7DADC;border:none;margin:10px?15px;border:1px?solid?#ddd;}
.but1{background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg)?0?0;}
.but2{background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg)?0?-38px;}
</style>
</head>
<body>
<div?class="reg">
????<form?class="wrap">
????????<input?type="text"?class="userName"placeholder="郵箱/手機號/用戶名"/>
????????<input?type="password"?class="pwd"placeholder="請輸入密碼"/>
????????<input?type="checkbox"?class="check"?check="checked"/><span>下次自動登錄</span>
????<a?href="#">忘記密碼？</a>
????<button?class="but1"></button>
????<hr/>
????<button?class="but2"></button>
????</form>
</div>
</body>
</html>

首先，的得把下面兩個button給閉合了、、、、