盒子模型

by lai chendong

HTML

<div>
div 就是一个最典型的盒子
</div>

CSS

div {
  background:red;
  background-clip:content-box;
  /* box-sizing: border-box; */
  box-sizing: content-box; 
  
  width:200px;
  height:100px;
  
  
  padding: 20px;
  /* padding: 10px 20px; */
  /* padding: 10px 20px 30px; */
  /* padding: 10px 20px 30px 40px; */
  
  
  border: 40px solid #999;
  margin: 60px;
  /* margin: 60px auto; */
}