css中padding和margin的區別和使用?

簡單談談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; 四邊統一外邊距

區別, 位置, 職業, 語音,
相關問題答案