Border屬性製做三角Tip

第一次寫博客，今天剛作了一個菜單 ，發現border屬性的妙用， 效果如圖 

主要用到的幾個屬性 border-color border-width border-style，

border-color ：設置邊框顏色 一共四個值  分別對應 上 右  下 左    

border-width: 設置邊框的寬度  例如border-width: 5px 表示上 右  下 左的邊框值都爲5px， border-width: 5px 4px則表示上下邊框值5px  左右邊框值位4px，border-width:5px 4px 6px 表示上邊框位5px  左右邊框位4px  下邊框爲6px

border-color: transparent #2B7DBC transparent transparent;
border-width: 14px 10px;
border-style: solid;

經過設置顏色透明便可得出三角形狀