1.margin 分塊嵌套的邊框邊距
控制盒子與盒子之間的間距
四個(gè)方向的生效顯示
margin-top:10px;
margin-right:20px;
margin-bottom:30px;
margin-left:40px;
或者
margin:10px,20px,30px,40px;
2.border 盒模型邊框設(shè)置
border設(shè)置的三要素
1.盒子邊框?qū)挾龋?0px;
2.盒子形狀：soild(實(shí)線)，dashed(虛線)
3.盒子顏色：green誊薄，gray等
例如 : border:10px soild red
設(shè)置單條邊框：
border-top: //上
border-right: //右
border-bottom: //下
border-left: //左
用css控制邊框來畫三角形
內(nèi)嵌控制到最低侣灶，同時(shí)將邊框加大到最大，其余邊框變成透明色
#trip{
width:0px;
height: 0px;
border-top: 80px solid white;
border-right: 80px solid white;
border-bottom: 80px solid blue;
border-left: 80px solid white;
}
其中用CSS控制div透明：
使用opacity屬性设联，其數(shù)值從0.0-1.0代表透明度
0.0表示完全透明
1.0表示完全不透明
例如：
div{ opacity:0.5 } //表示半透明
3.padding 控制盒模型的內(nèi)邊距
** 主要用于控制div內(nèi)文字與邊框的距離**
與margin類似善已，可分別控制四個(gè)邊框的內(nèi)邊距
設(shè)置單條邊框：
padding-top: //上
padding-right: //右
padding-bottom: //下
padding-left: //左
