html是骨架，css是漂亮的衣服
<!DOCTYPE html>
<html>
<head>
<title>css第三节课 中的边框样式</title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
.box {width: 100px;height: 100px; border: 1px solid red;border-radius: 50px;}/*border-radius 设置圆角*/
.main {}/*控制上下左右都同理*/
button {border: none;}
.shadow {width: 500px;height: 100px; background: pink; box-shadow: 3px 3px 50px red; margin: 50px auto;}/*box-shadow 第一个值是x轴，第二个值是y轴，第三个值是阴影宽度，第四个是颜色，第五个值加上inset说明是向内的*/
</style>
</head>
<body>
<div class='box'></div>
<div class="main"></div>
<div class="shadow"></div>
<button>登陆</button>
</body>
</html>