一、CSS控制邊界

1、內邊距

padding（內邊距也叫內填充）
padding-bottom 長度/百分比 元件下端邊線的空隙
padding-left 長度/百分比 元件左端邊線的空隙
padding-right 長度/百分比 元件右端邊線的空隙
padding-top 長度/百分比 元件上端邊線的空隙

簡易寫法：
padding:10px 一個值表示同時控制四個方向
padding:2px 4px  兩個值表示第一個值控制上下 第二個值控制左右
padding:2px 6px 10px 三個值表示第一個值控制上 第二個值控制右和左 第三個值控制下 左邊找右邊
padding:1px 2px 3px 4px  四個值表示每個值單獨控制上右下左

2、外邊距

margin（外邊界） 屬性介紹
margin-bottom auto 自動調整空隙 長度/百分比 設置下端空隙
margin-left auto 自動調整空隙 長度/百分比 設置左端空隙
margin-right auto 自動調整空隙 長度/百分比 設置右端空隙
margin-top auto 自動調整空隙  長度/百分比 設置上端空隙
簡化方案：
margin:2px 4px
margin:2px 6px 10px
margin:1px 2px 3px 4px

1、設置邊線的樣式：border-style
none 不顯示邊線
dotted 點線
dashed 虛線
solid 實線
double 雙線
2、設置邊線的長度(即邊框的粗細)：border-width
像素
百分比
3、設置邊線的顏色：border-color

簡化格式：長度 樣式 顏色
設置邊線的顏色和長度之前必須先設置邊線的樣式 因為邊線樣式默認是none不顯示邊線的