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