CSS盒子模型

边框

border-top-color 上边框颜色

border-right-color 右边框颜色

border-bottom-color 下边框颜色

border-left-color 左边框颜色

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

边框粗细

border-width

示例如下:

border-top-width:5px;

border-width:5px ;上下

border-width:20px 2px;上下 左右

border-width:5px 1px 6px;上 左右 下

border-width:1px 3px 5px 2px;;上  右 下 左

边框样式

border-style

none 无

hidden

dotted 点状线

dashed 虚线

solid 实线

double 双线

制作三角形

 

高宽设置都为0,边框颜色为透明色,我们在针对他的箭头方向来给他设置颜色就可以了

外边距  会移动盒子的位置

网页居中对齐的必要条件

块元素

固定宽度

margin

margin-top

margin-right

margin-bottom

margin-left

内边距  会把盒子撑大

padding

padding-left

padding-right

padding-top

padding-bottom

padding