摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>css盒模型</title><style>/*内外边距清零*/*{padding: 0px;margin:0px;}/*padding内边距 margin外边距默认上右下左*//*sp
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css盒模型</title>
<style>
/*内外边距清零*/
*{padding: 0px;margin:0px;}
/*padding内边距 margin外边距默认上右下左*/
/*span{background: red;padding-left: 500px;padding-top: 500px;}*/
.box{ margin-left: 100px; width: 200px;height: 200px;border:1px /*solid double*/ dotted #ccc;border-radius: 20px;}
.main{width: 200px;height: 200px;border-top: 1px solid red;background: #ccc;}
.shadow{ width: 300px;height: 40px; box-shadow: 10px 10px 20px #ccc inset;}
</style>
</head>
<body>
<div></div>
<div></div>
<div></div>
<div></div>
</body>
</html>
