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                  设置四个内边距

原文地址:https://www.cnblogs.com/wsnb8/p/7469682.html