image.png
网页上的每一个标签都是一个盒子。
每个盒子都有四个属性：
内容（content）
盒子里装的东西
网页中通常是指文字和图片
填充（padding，内边距）
怕盒子里装的（贵重的）东西损坏，而添加的泡沫或者其它抗震的辅料
边框（border）：盒子本身
边界（margin，外边距）
盒子摆放的时候的不能全部堆在一起，盒子之间要留一定空隙保持通风，同时也为了方便取出
标准盒子模型
image.png
IE盒子模型
image.png
内容（content）- 属性
image.png
填充（padding，内边距） – 属性
image.png
image.png
image.png
边框（border） – 属性
image.png
image.png
border-radius 设置边框圆角
border-image 属性，可以使用图片来创建边框
边界（margin，外边距） – 属性
image.png
image.png
image.png
