在網頁設計中，長圖已經成為了一個非常流行的設計趨勢。CSS長圖是一種使用CSS技術制作的長圖片，它可以有效地減少網頁的HTTP請求，并且可以大大提高頁面的載入速度。

CSS長圖最常使用的樣式屬性是background-image。我們可以利用這個屬性在一個元素中添加長圖片，而不是在一個頁面中使用多張圖片。在下面的示例中，我們使用background-image屬性將圖片添加到了一個div元素中。

div {
background-image: url("image.jpg");
background-repeat: repeat-y;
height: 2000px;
width: 100%;
}

在上面的示例中，我們使用了background-repeat屬性將圖片在垂直方向上重復，使得長圖片能夠完整地填充這個div元素。

我們還可以使用CSS的background-position屬性來控制圖片在元素中的位置。如果我們希望圖片從頂部開始重復，可以使用以下的CSS代碼：

div {
background-image: url("image.jpg");
background-repeat: repeat-y;
background-position: top;
height: 2000px;
width: 100%;
}

如果我們想要固定圖片位置，可以使用background-attachment屬性。這個屬性可以設置為fixed，使得圖片不會隨著頁面的滾動而移動。以下代碼演示了如何固定圖片在網頁中的位置：

div {
background-image: url("image.jpg");
background-repeat: repeat-y;
background-attachment: fixed;
height: 2000px;
width: 100%;
}

總體而言，CSS長圖是一個非常實用的技術，它可以將多張圖片合并成一個長圖片，并且能夠提高頁面加載速度。同時，在設計過程中，我們也可以使用CSS的其它屬性來實現各種各樣的效果，使得長圖的呈現更加生動、詳細。