【前端小技巧】利用border畫三角形及梯形

border是圍繞元素內容和內邊距的一條或多條線，border 屬性容許你規定元素邊框的樣式、寬度和顏色

值：
border-width  粗細  none/hidden/solid/dashed/dotted
border-color    顏色  默認顏色是字體顏色
border-style    類型  
能夠綜合寫成：border:width color style

注意點：    
邊框是繪製在背景之上，所以。有些透明的背景會與邊框重合。

總結：

1.設置一個邊border有顏色，設置旁邊兩條邊border顏色透明，不設置對邊border,三角形指向無設置邊的方向（如6,7狀況） 2.設置一個邊border有顏色，設置旁邊1條邊border顏色透明，其餘兩條邊border不設置（如8狀況，是在圖7的狀況之上去掉了上邊）