分类目录归档:开发

DIV盒子模型

Box Model盒子模型是网页排版布局中一个十分重要的概念,如左图所示,一个内容和另一个内容之间有三部分可以分别调整:padding、border、margin。

  • padding(填充)表示内容和边框之间的距离
  • border(边框)表示边框
  • margin(边缘)表示和其他块的距离

上下左右可分别设置其宽度、颜色等风格,利用这个模型可以设计出非常舒服的效果。