CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。
实例代码：
<html>
<head>
<meta charset="utf-8">
<style>
div{
width:300px;
height:300px;
border:15px solid green;
background-color:#dddddd;
padding:50px;
margin:20px;
}
p{
width:600px;
}
</style>
</head>
<body>
<h1>css 框模型的演示</h1>
<p>css盒模型（框模型）实质上是一个包装每个html元素的盒子。它包括边框、内边距（填充）、外边距以及实际内容。</p>
<div>
此文本是盒子里的内容。我们添加了50px的内边距，20px的外边距和15px的绿色边框。此文本是盒子里的内容。此文本是盒>子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里的内容。此文本是盒子里>的内容。此文本是盒子里的内容。此文本是盒子里的内容。
</div>
</body>
</html>
运行效果：
评论