在前端開發中，切圖分割是非常重要的一步。切圖后的設計稿需要轉化成程序代碼，這時CSS就發揮了它的作用，通過CSS編寫樣式表，實現頁面的樣式與布局。

CSS切圖分割，指的是將一張設計稿圖片分割成多個小圖或者文字塊，并使用CSS實現設計效果。下面是一個CSS切圖分割的示例：

/* HTML代碼 */
<div class="container">
<div class="header"></div>
<div class="content"></div>
<div class="footer"></div>
</div>
/* CSS樣式表 */
.container {
width: 960px;
margin: 0 auto;
border: 1px solid #ccc;
}
.header {
width: 100%;
height: 100px;
background: url('header.png') no-repeat;
}
.content {
width: 100%;
height: 500px;
background: url('content.png') repeat-y;
}
.footer {
width: 100%;
height: 100px;
background: url('footer.png') no-repeat;
}

在這個示例中，我們將容器分為三部分：頁頭（header）、內容區域（content）和頁腳（footer），并給它們設置了不同的背景圖。其中，background屬性用于設置背景圖像。

需要注意的是，我們在CSS中引用了三張圖片：header.png、content.png、footer.png。這些圖片需要分別存放在項目文件夾中，否則無法使用。

總結：CSS切圖分割是前端開發中不可或缺的一環，通過CSS將設計圖實現到網頁中，能讓頁面更加精美，更符合設計師的預期效果。在編寫CSS時，要注意圖片的路徑以及樣式的兼容性。