CSS是一種用于設計網頁樣式的語言，通過使用CSS，我們可以控制網頁元素的樣式，包括文字、表格、按鈕等。其中，圖片也是網頁中經常使用的元素之一。今天，我們將學習如何使用CSS來把圖片分塊。 使用CSS實現圖片分塊，其實就是將一幅大圖分成許多小圖塊，并按照一定布局排列在網頁上。這種技術通常被稱為圖片精靈（CSS Sprites），其主要目的是優化網頁加載速度。 在實現圖片分塊之前，我們需要首先準備好一張大圖，然后把它切成若干個小圖塊。這個過程可以使用Photoshop等圖像處理工具完成。接下來，我們將使用以下代碼，將這些小圖塊按照一定的布局排列出來。 ```html``` 在上面的代碼中，我們定義了三個CSS類：block1、block2和block3，它們分別代表圖片的三個小塊。在每個CSS類中，我們使用了background-image屬性來指定背景圖片的路徑，并使用background-position屬性來控制圖片的顯示位置。為了將三個小塊排列在一行中，我們使用了float屬性和margin-right屬性。 為了讓這段代碼可以工作，我們需要確保已經準備好了sprite.png這個大圖，并且將它放在了一個名為images的文件夾下。 總結來說，通過CSS來實現圖片分塊，可以幫助我們優化網頁加載速度，同時也讓網頁制作更加美觀和靈活。以上就是如何使用CSS來把圖片分塊的介紹，希望能夠幫助到大家。