``` 邊框：border border:10px solid #f00 ( 像素 線形 顏色) ``` 按照border的屬性類型劃分為三種屬性值分為代表： 邊框寬度: border-width 線的顏色: border-color 線形：border-style ## 屬性值： <h2 >border-top 上邊框 <br/> border-bottom 下邊框 <br/> border-left 左邊框 <br/> border-right 右邊框 </h2> 四值法： ``` border-width:4px;　　　　　　　　　　上下左右分別具有4像素 border-width:2px 4px;　　　　　　　　上下為二像素，左右為4像素 border-width:10px 20px 30px　　　　 上：10px 左、右：20px 下：30px　　　　 border-width:1px 2px 3px 4px　　　　 上：1px 右：2px 下:3px 左：4px ``` solid:實線 dashed :虛線 dotted: 點線 double:雙線 groove:邊框凹陷效果 rideg:邊框凸顯效果 inset:內容凹陷效果 outset:內容突出效果 border-color 邊框顏色 無論是線性還是線厚度還是線的顏色，都可以單一設置某一個方向