CSS圖片分開是指在網頁布局中，將多張圖片或一個圖片分割為多個部分，使圖片位置更加靈活，同時增加頁面的美觀性和可讀性。在CSS中，有幾種方法可以實現圖片分開的效果。

1. 使用CSS背景圖

.bg{
background-image: url('image.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

這種方法是將圖片作為背景，通過設置background-position屬性調整背景圖片的位置，將圖片分割成多個部分。這種方法適用于對圖片進行特殊裁剪調整的情況。

2. 使用CSS裁剪

.cut{
width: 100px;
height: 100px;
background-image: url('image.jpg');
background-position: -50px -50px;
}

這種方法是通過設置background-position屬性，裁剪圖片的一部分作為元素的背景圖片，可以實現圖片的分離效果。該方法適用于對圖片進行精細裁剪處理。

3. 使用CSS雪碧圖

.sprite{
background-image: url('sprite.jpg');
background-position: -50px -50px;
background-repeat: no-repeat;
width: 50px;
height: 50px;
}

雪碧圖是將多張小圖片合并成一張大圖片，通過設置background-position屬性，裁剪出需要展示的圖片部分，從而實現將多張圖片分離的效果。該方法適用于網站中圖片較多，需要減少圖片請求次數的情況。

總之，CSS圖片分開可以通過多種方式實現，選擇合適的方式可以讓頁面更加美觀，提高用戶的體驗感。