簡單談談padding和margin的區別,二者都是用來控制邊距位置 的。
工具/原料
作業系統、相關軟體
方法/步驟
margin是指從元素自身邊框到另一個元素邊框之間的距離,就是容器之外距離。而padding是指元素自身邊框到自身內部另一個元素邊框之間的距離,就是容器內距離。好比你的屋子作為目標元素 ,屋外的東西和屋子的距離用margin,屋內的東西和屋子的距離用padding
padding的用法:
1、padding:10px 20px 30px 40px; 上、右、下、左內邊距
2、padding-left:10px; 左內邊距
3、padding-right:10px; 右內邊距
4、padding-top:10px; 上內邊距
5、padding-bottom:10px; 下內邊距
6、padding:10px; 四邊統一內邊距
margin的用法:
1、margin:10px 20px 30px 40px; 上、右、下、左外邊距
2、margin-left:10px; 左外邊距
3、margin-right:10px; 右外邊距
4、margin-top:10px; 上外邊距
5、margin-bottom:10px; 下外邊距
6、margin:10px; 四邊統一外邊距