HTML第六章 盒子模型

什么是盒子模型：

（1）边框；

（2）内边距；

（3）外边距；

（4）元素内容·；

（5）背景色·；

边框：

属性：

颜色（border-color），粗细（border-width），样式（border-style）。

border-color属性设置方法：

属性                                    说明

border-top-color       设置上边框颜色

border-right-color     设置右边框颜色

border-bottom-color 设置下边框颜色

boder-left-color         设置左边框颜色

border-color               设置四个边框为同一种颜色

border-width属性设置方法：

属性                                 说明

border-top-width         设置上边框粗细

border-right-width       设置右边框粗细

border-bottom-width    设置下边框粗细

border-left-width           设置左边框粗细

border-width                 设置四个边框同粗细

border-style属性设置方法：

属性                                 说明

border-top-style     设置上边框实线

border-right-style   设置右边框实线

border-bottom-style 设置下边框实线

border-left-style    设置左边框实线

border-style              设置四个边框都为实线

外边距：

外边距属性设置方法：

属性                                         说明

margin-top                    设置上外边距

margin-right                 设置右外边距

margin-bottom               设置下外边距

margin-left                    设置左外边距

margin                   设置四个外边距

内边距：

内边距属性设置方法;

属性                                         说明

padding-left             设置左内边距

padding-right          设置右内边距

padding-top            设置上内边距

padding-bottom    设置下内边距

padding                  设置四个内边距