求助分割线不能正常显示
大神来帮我看下问题在哪
2 回答
<!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给闭合了、、、、
举报
0/150
提交
取消
