css盒模型

css盒模型用于封装HTML周围的元素，它包括：边距，边框，填充，和实际内容。

1.Margin(外边距) - 清除边框外的区域，外边距是透明的

Border(边框) - 围绕在内边距和内容外的边框

Padding(内边距) - 清除内容周围的区域，内边距是透明的

Content(内容) - 盒子的内容，显示文本和图像

2.边框颜色 border-color

border-top-color 上边框颜色

border-right-color 右边框颜色

border-bottom-color 下边框颜色 

border-left-color 左边框颜色

3.边框样式border-style

none: 默认无边框

dotted: 定义一个点线边框

 dashed: 定义一个虚线边框

solid: 定义实线边框