div padding 详解

中padding:5px 6px 7px 8px; 的转法为顺时针即图：

padding:5px 6px 7px 8px;  意思上补丁为5px，右补丁距离为6px ，下补丁距离为7px，左补丁距离8px，等于等于padding-top:5px; padding-right:6px; padding-bottom:7px; padding-right:8px; 一样效果简写； 

padding left用法：padding-left:10px;  这个意思距离左边补距10像素，可跟百分比如（padding-left:10%;   距离左边补10%的距离）；
padding right用法：padding-right:10px; 这个意思距离右边补距10像素，可跟百分比如（padding-right:10%; 距离右边补10%的距离）；
padding top用法：padding-top:10px; 这个意思距离顶边补距10像素，可跟百分比如（padding-top:10%; 距离顶边补10%的距离）；
padding bottom用法：padding-bottom:10px; 这个意思距离低边补距10像素，可跟百分比如（padding-bottom:10%; 距离底边补10%的距离）；