abstract:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>四
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>四源色印刷</title>
<style type="text/css">
.no1{width: 500px;height: 500px;border: 3px /* solid */ /* double */ /* dashed */ dotted red; border-radius: 250px;}
.no2{width: 500px;height: 300px;border-top: 2px solid aqua;background: #ccc;margin-top: 20px;
border-left: 2px solid red ; border-right: 2px solid royalblue ; border-bottom: 2px solid royalblue ; }
button{border: none;}
.shadow{width: 300px; height: 40px;box-shadow: 0px 6px 30px #ccc inset;/* border: 1px solid red; */ margin-top: 60px; }
</style>
</head>
<body>
<div class="no1"></div>
<div class="no2"></div>
<button>按钮</button>
<div class="shadow"></div>
</body>
</html>
Correcting teacher:天蓬老师Correction time:2019-04-11 09:15:33
Teacher's summary:对于盒模型来说, 最有意思的就是边框, 因为内外边距是透明的, 除了宽度, 没有什么可设置的, 边框就不同的, 除了宽度, 还有样式和颜色