盒子嵌套模型

盒子模型

作用

    进行网页布局

网页中盒子的组成

• border（边框）
• padding（内边距）
• margin（外边距）
  

1.Border（边框）

☞ border-width：        边框宽度

☞ border-style：        边框样式

        ◆  solid        边框为实线
        ◆  dotted      点线
        ◆  dashed    虚线

☞ border-color：       边框颜色

div{
   
	width:300px;
	height:300px;
	border-width:1px;
	border-style:dashed;
	border-color:red;
}

☞border另外一种写法