求助分割线不能正常显示-慕课网

首页课程实战体系课手记专栏慕课教程

求助分割线不能正常显示

来源：4-1 编程挑战

biny88

2015-07-17 11:36

大神来帮我看下问题在哪

写回答关注

2回答

浅水了: 2015-07-17 12:17:28

已采纳

<!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://img.mukewang.com/539a972b00013e9102280177.jpg) 0 0;}
.but2{background:url(http://img.mukewang.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给闭合了、、、、

1 0

biny88

非常感谢！帮了大忙了！

2015-07-17 21:45:29

共 1 条回复 >