用CSS来设置网页当中的边框
跟着老师视频做的一个css边框小练习
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title> css——边框 </title>
<style type="text/css">
.box{width:100px;height:100px;border:1px solid #ccc;border-radius:20px;}
.main{width:100px;height:100px;border-top: 1px solid red;background:#ccc;}
.shadow{width:300px;height:40px;box-shadow: 5px 5px #ccc inset;border:1px solid #ccc ;}
button{border:none;}
</style>
</head>
<body>
<div class="box"></div>
<div class="main"></div>
<button>登录</button>
<div class="shadow"></div>
</body>
</html>