摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>css</title> <style type="text/css"> .box{height: 200px;width: 200px;border: 1px
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css</title>
<style type="text/css">
.box{height: 200px;width: 200px;border: 1px /*solid*/ /*double*/ /*dashed*/ dotted #ccc;}
.main{
width: 200px;height: 200px;border-left: 1px solid red;border-radius: 20px;
}
button{
border: none;border-radius: 5px;
}
.shadow{
width: 300px;height: 40px;box-shadow: 5px 5px 5px #ccc;border-bottom: 10px solid red;
}
</style>
</head>
<body>
<div class="box"></div>
<div class="main"></div>
<button>登录</button>
<div class="shadow"></div>
</body>
</html>
批改老师：西门大官人批改时间：2019-04-22 09:36:22
老师总结：最好上传一下运行效果图。说明一下border中 solid double dashed dotted是什么？
