CSS padding 屬性
CSS padding 屬性定義元素邊框與元素內容之間的空白區域，不可見。如果想調整盒子的大小可以調整內容區，內邊距，邊框。
CSS padding 屬性定義元素的內邊距。padding 屬性接受長度值或百分比值，但不允許使用負值。
有兩種方法可以設置盒子內邊框的大小，第一種是分別設置四個方向的內邊距，第二種是使用簡寫屬性可同時設置多個方向的內邊距（要注意設置的順序）
一、使用單獨屬性設置各個方向的內邊距
- padding-top 上內邊距的寬度
- padding-left 左內邊距的寬度
- padding-right 右內邊距的寬度
- padding-bottom 下內邊距的寬度
實例代碼
<style>
#box1{
padding-top:10px;
padding-left:20px;
padding-right:30px;
padding-bottom:40px;
overflow: hidden;
width: 100px;
height: 150px;
background-color：#bcf
border:20px skyblue solid;
}
</style>
<div id="box1">
</div>
表現效果（內邊框並不會顯現出來，如果想觀察它的效果可以在審查元素內查看）
二、簡寫屬性（使用padding可以可以同時設置四個邊框的樣式，規則和border-width一樣，按照 top-right-bottom-left的順序）
- 指定四個值，分別設置給上10px，右20px，下30px，左40px。順時針方向；
- padding-width：10px 20px 30px 40px；
- 指定三個值，第一個值10px設置給上，第二個20px設置給左和右，第三個30px設置給下內邊距；
- padding-width：10px 20px 30px；
- 指定兩個值，第一個值10px設置給上下內邊距，第二個值20px設置給左右內邊距；
- padding-width：10px 20px ；
- 指定一個值，四個內邊距使用同一個值，上下左右都是10像素；
- padding-width：10px ；
可以按照上、右、下、左的順序分別設置各邊的內邊距，各邊均可以使用不同的單位或百分比值：
<style>
#box1{
padding: 10px 0.25em 2ex 20%;
background-color: greenyellow;
width: 100px;
height: 150px;
border:20px skyblue solid;
}
</style>
<div id="box1">
</div>
表現效果
盒子的大小 = content + border + padding + margin
盒子的可見框寬度=border-left-width + padding-left + width + padding-right + border-right-width
盒子的可見框高度=border-top-width + padding-top + height + padding-bottom + border-bottom-width