用一张css框模型图讲解html元素的内边距、外边距、边框、宽高等

CSS 框模型图 css类似这样: #box { width : 200px ; height : 200px ; padding : 10px ; margin : 10px ; border : 1px solid #ddd } 说明: padding:10px是简写,其中包含四个属性,等价于: padding-top : 10px ; padding-right : 10px

 

CSS 框模型图
CSS 框模型图

css类似这样:

  1. #box{width:200pxheight:200pxpadding:10pxmargin:10pxborder:1px solid #ddd

说明:

padding:10px是简写,其中包含四个属性,等价于:

  1. padding-top:10pxpadding-right:10pxpadding-bottom:10pxpadding-left:10px

四个属性对应的顺序:上、右、下、左

  1. padding:10px 20px 30px 40px;  /*表示内边距上为10px、右为20px、下为30px、左为40px*/ 

 

 

相关经验

导读书签
书签初始化中…