CSS圖片9宮格是一種非常有用的技術，在Web開發中常常使用。它通過將圖片拆分成9個部分并分別進行縮放和重復，來實現圖片的自適應拉伸效果。比如我們要在網頁中插入一張背景圖，但是該圖片的大小無法確定，可能會出現拉伸或者縮放的情況，這時就可以使用CSS圖片9宮格來解決該問題。

這里是背景內容

如上所示，CSS圖片9宮格需要用到background-image和border-image這兩個CSS屬性，其中background-image表示背景圖，background-repeat表示是否重復填充背景圖，background-size表示背景圖的尺寸屬性。

border-image屬性則表示邊框的圖片，這也是CSS圖片9宮格的核心部分。其中數字100代表圖片的拉伸區域，stretch代表圖像的拉伸類型。通過不同的數字大小，我們可以控制9個區域的相對大小。

最后，通過以上的代碼實現，我們可以得到一張拉伸自適應的背景圖，并且無論如何縮放，背景圖的樣式都不會出現變形。