CSS是一種樣式表語言，可以用來控制網頁的布局和樣式。在網頁中我們經常需要固定一個圖像，使得它不會隨著頁面的滾動而移動位置。下面就讓我們一步步來學習如何使用CSS來實現固定一個圖像。

首先，我們需要在HTML中添加一個圖像。例如，我們可以添加以下代碼：

<img src="image.jpg" alt="我的圖片">

然后，在CSS中，我們可以使用position屬性來控制圖像的位置。將position屬性設置為fixed可以使圖像固定在屏幕上，而不管頁面如何滾動。例如，以下代碼將使圖像始終位于屏幕的右上角：

img {
position: fixed;
top: 0;
right: 0;
}

在上面的代碼中，我們還使用了top和right屬性來控制圖像相對于屏幕的位置。可以使用left和bottom屬性來控制圖像相對于屏幕的位置。如果您想要圖像位于屏幕的中央，可以使用以下代碼：

img {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上面的代碼中，我們使用了transform屬性來將圖像相對于自身的大小移動到屏幕中央。

總之，使用CSS來固定一個圖像非常簡單。只需使用position屬性和top、right、left和bottom屬性即可。現在，你已經學會了如何使用CSS來固定一個圖像，趕快嘗試一下吧！