边框

                         边框

开发工具与关键技术：DW Css3

作者：陈子乔

撰写时间：2019年2月4日

学习前端，最基本的要弄清楚盒模型；盒模型就是浏览器为页面中的每一个HTML元素生成的矩形盒子。在默认情况下，每个盒子的边框的是不可见的，背景也是透明的，我们先熟悉一下盒子的属性吧！

1：边框（border）:可以设置边框的宽度，样式，
颜色。

看代码：

看效果图：

2：边框里还分内边距（padding）和外边距（margin）：

（1）：内边距：可以设置盒子内容区和边框的间距。

（2）：外边距：可以设置盒子和邻元素的间距。

（3:） 外边距与内边距都有四个值，连写方式如margin：5px 10px 15px 20px；分别对应上右下左四边，内边

距也是一样的写法。也可以分别设置，例如：margin-top,margin-bottom,padding-left等等。

需要注意的是外边距margin不会叠加，而内边距则会叠加，当给某个属性设置内边距padding的时候，如果

不想让它的原来设定长度和宽度发生变化，则需要用到box-sizing：border-box；来固定原来盒子的宽度大小

，或者padding内边距设置了多少像素，原来盒子设的宽高就相对应的要减去多少像素。

还有一点是padding不管原属性有无宽高都会起作用，而margin对于没有设宽高都属性不起作用