CSS是一種用于設計和布局網頁的技術，可以用來創建各種類型的網站內容和樣式。其中，CSS還可以用于制作手動輪播圖，使用戶可以控制圖像的切換和展示。

下面是使用CSS制作手動輪播圖的一般步驟：

1. 定義要控制的圖的ID或class，并使用CSS選擇器選擇它們。

3. 使用CSS的“position”屬性來將這些圖片固定在某個位置。例如，可以使用“top”、“left”、“right”和“bottom”屬性來設置圖片的相對位置。

4. 使用CSS的“style”屬性來控制圖片的樣式。例如，可以使用“width”、“height”、“margin”、“padding”屬性來設置圖片的大小、高度、邊框和內邊距。

5. 使用CSS的“animation”屬性來創建動畫效果，例如輪播的切換效果。例如，可以使用“animation-name”屬性指定動畫的名稱，使用“animation-duration”和“animation-iteration-count”屬性指定動畫的持續時間和迭代次數。

6. 可以在CSS中定義多個動畫效果，以滿足不同用戶的需求。

7. 最后，將HTML和CSS文件保存到適當的位置，并在瀏覽器中打開，以查看手動輪播圖的效果。

下面是一個簡單的示例，展示了如何使用CSS制作手動輪播圖：

<div class="slideshow">

<div class="slide-切換">

<span class="title">切換圖片</span>

<button id="prev">prev</button>

<button id="next">next</button>

</div>

</div>

在這個示例中，我們定義了一個包含3張圖片的<div>標簽，并使用CSS選擇了這些圖片。我們使用了一個“id”屬性來定義每個圖片的ID，并使用了一個“class”屬性來定義圖片的CSS樣式。

在CSS中，我們定義了一個包含多個“slide-切換”元素的類，并使用了一個“animation”屬性來創建動畫效果。例如，我們可以使用“animation-name”屬性來指定“slide-切換”元素的動畫名稱，使用“animation-duration”和“animation-iteration-count”屬性來指定動畫的持續時間和迭代次數。

最后，我們可以使用HTML中的“prev”和“next”按鈕來控制手動輪播圖的切換。

通過使用CSS，我們可以輕松地制作手動輪播圖，使用戶可以控制圖像的切換和展示。