border和background

1.background-position設置的圖片的位置，只相對於左上角定位，也就是隻能夠設置左邊距離和上邊距離，可是若是咱們想使圖片相對於右邊邊框定位，可使用border-right: 50px solid transparent，而後設置background-position:100% 40px;左邊100%的距離，這樣圖片就距離右邊框一直是50px的距離了。

2.border構建三角形。邊框的四邊就是四個三角形 代碼： .div{width:0px;height:0px;border:10px solid;; border-color:#red transparent transparetn transparent}

3.border的透明邊框

4.border在佈局中的使用：

4.1border實現等高佈局：使用border-left來實現左邊區域的佔位