border就是邊框的意思，邊框有三個要素：粗細、線型、顏色。
顏色如果不寫，默認是黑色。另外兩個屬性不寫，就顯示不出來邊框。
邊框所有的線性
border是一個大綜合屬性，
1border:1px solid red;
就是把4個邊框，都設置為1px寬度、線型實線、紅色。
border屬性能夠被拆開，有兩大種拆開的方式：
1）按3要素:border-width、border-style、border-color
2）按方向：border-top、border-right、border-bottom、border-left
一、按3要素拆開：
1.border-width:10px;→邊框寬度
2.border-style:solid;→線型
3.border-color:red;→顏色。
等價于：
1.border:10px solid red;
現在心里要明白，原來一個border是由三個小屬性綜合而成：
border-width ?border-style ??border-color。
二、按方向拆分
border-top:10px solid red;
border-right:10px solid red;
border-bottom:10px solid red;
border-left:10px solid red;
等價于border:10px solid red;
此外還可以按方向還能再拆一層，就是把每個方向的，每個要素拆開，
如：border-top-width:10px;
當然在工作中，哪種簡單用哪種。
