CSS 的 margin 與 padding 有什麼差別的範例程式碼

程式碼記錄：CSS 的 margin 與 padding 有什麼差別

CSS margin 的範例

<span style="background-color:red;margin-right:10px;">這是第一個 span 標籤</span>
<span style="background-color:yellow;margin-right:30px;">這是第二個 span 標籤</span>
<span style="background-color:blue;margin-right:0px;">這是第三個 span 標籤</span>

CSS padding 的範例

<div style="border:2px green solid;padding:10px;">這是一段測試用的文字</div>
<div style="border:2px green solid;padding:20px;">這是一段測試用的文字</div>

以上程式碼為CSS 的 margin 與 padding 有什麼差別的範例程式碼。