在網頁設計中，有時需要固定圖片的位置，讓它不隨瀏覽器窗口的滾動而移動。這時就可以使用CSS來實現圖片的固定。 首先，在HTML中使用標簽插入圖片，并給圖片賦予一個類名，例如"fixed-img"：

<img src="image.jpg" class="fixed-img" />

接著，在CSS中使用position屬性來實現圖片的固定。將position屬性設置為fixed，并用top、left、right、bottom屬性來確定圖片的位置。例如，將圖片固定在頁面的左上角：

.fixed-img {
position: fixed;
top: 0;
left: 0;
}

通過設置top、left、right、bottom屬性的值，可以將圖片固定在頁面的任意位置。 需要注意的是，固定圖片的同時，可能會遮擋文本或其他元素。可以通過設置z-index屬性來調整圖片的層級，使其不會遮擋其他元素。例如，將圖片置于最上層，不被其他元素遮擋：

.fixed-img {
position: fixed;
top: 0;
left: 0;
z-index: 999;
}

總之，通過在HTML中插入標簽，并在CSS中使用position屬性和top、left、right、bottom屬性來固定圖片的位置，可以實現網頁設計中的圖片固定效果。