邊框背景——border-image
邊框背景主要是用來給元素邊框添加背景圖像，本質是用一張圖片來修飾邊框背景，看下圖效果：
用左邊圖片來完成右邊的效果；
先看一下邊框背景的參數：border-image：image boeder-width（參數可寫1-4個）圖片填充方式（stretch/repeat/round）；
border-image有這樣一個功能，它是用來把一張背景圖片切割成九個部分的，分四刀切，就是border-width對應的四個參數；
第一刀是從上往下切
第二刀是從右往左切
第三刀是從下往上切
第四刀是從左往右切
最終將這個圖片切爲九個圖，其中四個角落的圖片會放到你要修飾的邊框的四個角落，其餘四條邊的背景將會用中間淺色的圖片來填充，填充方式有stretch/repeat/round三種；
當border-width只給一個參數的時候表示四個切割寬度均爲所給值
；當給兩個參數時，第一個表示上下，第二個表示左右；
當給3個參數時，第一個表示上，第二個表示左右，第三個表示下。