邊框：環繞在標簽周圍的邊條
設置邊框一：
-連寫格式：同時設置4條邊框
{border:邊框寬度 邊框樣式 邊框顏色;}
{border:5px dashed green;}
-分別設置：可單獨設置某一條邊的邊框
{border-top:邊框寬度 邊框樣式 邊框顏色;}
{border-bottom:邊框寬度 邊框樣式 邊框顏色;}
{border-left:邊框寬度 邊框樣式 邊框顏色;}
{border-right:邊框寬度 邊框樣式 邊框顏色;}
Paste_Image.png
Paste_Image.png
邊框樣式：
solid 實線邊框樣式
dashed 虛線邊框樣式
注意：
顏色省略，默認有黑色
樣式省略，則無邊框
寬度省略，默認有
設置邊框二：按照要素來，這三個屬性的賦值，是按照上、右、下、左的方式來取值的，不是按照上下左右的方式來賦值。
.box1 {
width: 200px;
height: 200px;
background-color: lightblue;
border-width: 10px 10px 10px 10px;
border-style: dashed solid dotted double;
border-color: red orange yellow green;
}
內邊距padding：第一個容器都有邊框，邊框和容器內容的距離就叫內邊距，給標簽設置內邊距后，容器的大小會發生變化。
-內邊距格式：有連寫和非連寫兩種
內邊距的背景顏色和容器背景顏色一樣
Paste_Image.png
注意：在寫HTML代碼時，有回車行的標簽時，回車會被當作一個空格來處理在頁面顯示一個空格的寬度。
外邊距margin：標簽與標簽之間的距離
-內邊距格式：有連寫和非連寫兩種
