在css里，每个元素都能生成一个盒子。拿快递来形容盒子的组成，我觉得非常形象生动。一个盒子由content、padding、border以及外边框区margin组成。content区即元素内容，默认情况下，设置的width及height值即为content区的大小，不包括其他盒子组成部分的大小。padding填充区，表示边框和内容区的距离。边框border相当于快递的包装盒，可以对其进行设置，使这个元素内容更加美观，对border的颜色，样式等的设置可以四个边框一起设置，也可以单独设置某一边框的样式（border-top/right/bottom/left）。margin表示快递盒子之间的距离，即元素与元素的距离，只有margin可以取负值（负值：元素的扩散、移动（向上或者左）。
如何画三角形：step1、设置某一元素的宽、高为0
step2、设置边框的样式：border-style:solid;
step3、设置所需方向的边框的尺寸：border-top/right/bottom/left-width: px;
step4、设置边框的颜色（其余边框的颜色值设置为透明transparent;