摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>第十和十一节盒模型</title> <link rel="shortcut icon" type="ima
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>第十和十一节盒模型</title>
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" type="text/css" href="css/index.css">
<style type="text/css">
.box{padding-left:50px; padding-top:20px;background:red;width:100px;}
.main{height:100px;width:100px;margin-top:30px;margin-left:100px;border:1px solid yellow;height:100px;width:100px;background:yellow;}
.shadow{height:100px;width:200px;border:1px solid red;margin-top:40px;margin-left:50px;box-shadow:20px 30px 20px black inset;}
</style>
</head>
<body>
<div class="box">php中文网</div>
<div class="main"></div>
<div class="shadow"></div>
</body>
</html>
