css框模型

①padding内边距

属性：padding-top 上,padding-right 右,padding-left 左,padding-bottom 下

 

h1 {padding: 10px;}      //边距都是10px
h1 {padding-bottom: 2cm}  //下边距是2cm,可以用cm
h1 {padding-bottom: 10%} //下边距是10%

 ②border边框

属性：border-style,border-width,border-color 分别对应还有上下左右

如果您希望边框出现，就必须声明一个边框样式。

 

border-style:dotted solid double dashed;

 上边框是点状,

 右边框是实线,

 下边框是双线,

 左边框是虚线

 

border-width:thin medium thick 10px;

 上边框是细边框,

 右边框是中等边框,

 下边框是粗边框,

 左边框是 10px 宽的边框

 

border-color:red green blue pink;

 上边框是红色

 右边框是绿色

 下边框是蓝色

 左边框是粉色 

③margin外边距

跟内边距一样

值复制   

h1 {margin: 0.25em 1em 0.5em;}	/* 等价于 0.25em 1em 0.5em 1em */
h2 {margin: 0.5em 1em;}		/* 等价于 0.5em 1em 0.5em 1em */
p {margin: 1px;}			/* 等价于 1px 1px 1px 1px */