css边框作业
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{padding: 0;margin: 0;}
input{width: 258px;height: 10px;border:1px solid #ccc;display: block;margin-top: 20px;padding:20px;}
button{width: 300px;height: 50px;background: #ff6700;border:none;margin-top: 20px;color:#fff;}
.bigbox{width: 1200px;margin:100px auto;}
.left{float: left;width: 800px;}
.right{float: right;width: 400px;}
.box{width: 400px;padding:10px;margin:0 auto;}
.box img{width: 400px;box-shadow: 10px 10px 20px #ccc;margin-bottom: 10px;border-radius: 4px}
p{color:#aaa;}
del{padding:0 10px;}
a#buy{width: 100px;height: 32px;background: #ff6700;display: block;margin: 10px auto;color:#fff;text-decoration: none;line-height: 32px;text-align: center;}
</style>
</head>
<body>
<div>
<div>
<div>
<a href="#"><img src="https://i1.mifile.cn/a4/aa6b038a-2946-4549-acff-17c58e701556" alt=""></a>
<p style="text-indent: 2em">东西真心不错，用过最好用的插线板，做工外观没得挑剔，3个USB接口很实用，充电快，建议不包邮的应该在一百元以内定位。</p>
<p style="color:#ff6700;margin:6px 0px">原价：<del>$199</del>现价：<span>$166</span></p>
<a href="#" id="buy">立即购买</a>
</div>
</div>
<div>
<form action="" method="POST">
<input type="text" name="username" placeholder="请输入用户名">
<input type="password" name="pwd" placeholder="请输入密码">
<button>登录</button>
</form>
</div>
</div>
</body>
</html>