什么是9宮格縮略圖css？9宮格縮略圖css是一種常用于圖像剪裁和縮放的技術，能夠將一個不規則的圖像按照指定的比例進行縮放，并保持圖像的形狀不變。

9宮格縮略圖是一個由9個小方格組成的矩形，其中4個角落的小方格不參與拉伸，4條邊的小方格可自由拉伸，中間的小方格可以橫向和縱向自由拉伸。

下面是一個基本的9宮格縮略圖css樣式：

.grid-thumbnail {
display: inline-block;
width: 200px;
height: 100px;
border: 1px solid #ccc;
background: url('thumbnail.png') no-repeat;
-webkit-border-image: url('grid.png') 30 30 30 30 stretch stretch;
-moz-border-image: url('grid.png') 30 30 30 30 stretch stretch;
border-image: url('grid.png') 30 30 30 30 stretch stretch;
}

其中，.grid-thumbnail是一個自定義的類，width和height分別指定縮略圖的寬度和高度，border屬性指定邊框樣式，background屬性指定縮略圖的背景圖片。

關鍵的是最后三行代碼，它們分別是webkit、moz和標準的css屬性，用于指定圖像的九宮格參數和拉伸方式。其中，url('grid.png')指定了九宮格圖片的路徑，30表示邊框圖片中的間隔距離，即九宮格的大小。

使用9宮格縮略圖css可以讓web開發者更方便地管理和處理圖片，使得圖像處理更加靈活和高效。