css学习7(盒子模型)

1、盒子模型图:

css学习7(盒子模型)_第1张图片

  • Margin(外边距) - 清除边框外的区域,外边距是透明的。
  • Border(边框) - 围绕在内边距和内容外的边框。
  • Padding(内边距) - 清除内容周围的区域,内边距是透明的。
  • Content(内容) - 盒子的内容,显示文本和图像。

 



    
        
        盒子模型
        
    
    
        

盒子模型展示

CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。

这里是盒子内的实际内容。有 25px 内间距,25px 外间距、25px 绿色边框。

运行结果:

css学习7(盒子模型)_第2张图片

 

你可能感兴趣的:(CSS学习,css,学习,前端)