                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS Sprite雪碧图应用

求助分割线不能正常显示

大神来帮我看下问题在哪

biny88

2015-07-17

源自：CSS Sprite雪碧图应用 4-1

关注问题我要回答

2556

操作

收起

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给闭合了、、、、