• 盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。
• 盒子里面的文字和图片等元素是 内容区域
• 盒子的厚度 我们成为 盒子的边框
• 盒子内容与边框的距离是内边距（类似单元格的 cellpadding)
• 盒子与盒子之间的距离是外边距（类似单元格的 cellspacing）
  
  

   

• none：没有边框即忽略所有边框的宽度（默认值）
• solid：边框为单实线(最为常用的)
• dashed：边框为虚线  
• dotted：边框为点线
• • 宽度
    Element Height = content height + padding + border （Height为内容高度）
  • 高度
    Element Width = content width + padding + border （Width为内容宽度）
  • 盒子的实际的大小 =   内容的宽度和高度 +  内边距   +  边框  
    
    
  
  

• 盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。
• 盒子里面的文字和图片等元素是 内容区域
• 盒子的厚度 我们成为 盒子的边框
• 盒子内容与边框的距离是内边距（类似单元格的 cellpadding)
• 盒子与盒子之间的距离是外边距（类似单元格的 cellspacing）
  
  

   

• none：没有边框即忽略所有边框的宽度（默认值）
• solid：边框为单实线(最为常用的)
• dashed：边框为虚线  
• dotted：边框为点线
• • 宽度
    Element Height = content height + padding + border （Height为内容高度）
  • 高度
    Element Width = content width + padding + border （Width为内容宽度）
  • 盒子的实际的大小 =   内容的宽度和高度 +  内边距   +  边框