css div 與 padding 的關係

css 靠 padding 來控制區塊的內距，也就是區塊內的元素與邊框見的距離，例如有一張圖片，我們讓圖放在一個  div 區塊內，並希望這張圖片與 div 的邊框有 10px 的距離，這時後，就可以在 div 的 css style 寫入 padding 語法，像這樣。

padding:10px;

請注意唷！這個 padding 是寫在 div 區塊，而不是寫在圖片的 img，因為寫在圖片內，空制的是圖片裡面的內距，寫在 div 內，才是空控制 div 與圖片見的距離，現在來看這個範例的實際寫法

<div style="padding:10px;border:1px black solid;">
<img src="圖片網址">
</div>

為了讓範例比較容易清楚的表示，所以還加上了黑色的邊框，也就是 border 的部分，重點還是在 padding:10px 那邊，至於裡面的圖片 img 標籤也很簡把圖片網址放進去即可，參考資料有蠻詳細的解說，可以研究看看。

參考資料