在網頁設計中，圖片是一個重要的元素，為了使網頁更加美觀，我們經常會使用圖片漸入效果來提升用戶的體驗。下面我們來介紹一下如何使用CSS來設置圖片漸入。

img {
opacity: 0;
transition: opacity 1s ease-in-out;
}
img.fade-in {
opacity: 1;
}

以上是設置圖片漸入效果的CSS代碼。首先，我們將圖片的透明度設置為0，即完全透明。然后通過設置過渡效果，讓透明度隨著時間逐漸增加，從而實現圖片漸入的效果。

為了控制圖片的漸入效果，我們需要給圖片一個類名，例如“fade-in”，通過設置該類名的樣式，我們可以控制圖片的顯示效果。在這里，“fade-in”類名的樣式就是讓圖片的透明度為1，即完全不透明。

在網頁中使用標簽添加圖片時，只需在標簽中添加“fade-in”類名即可實現圖片漸入效果。

<img src="images/example.jpg" class="fade-in" alt="example">

以上是簡單的HTML代碼，為了讓圖片具有漸入效果，我們在標簽中添加了“fade-in”類名。由于該類名已經在CSS中設置過樣式，因此當頁面加載完成后，該圖片將具有漸入效果。

在設計網頁時，要注意不要過度使用漸入效果，否則會影響頁面加載速度和用戶體驗。另外，由于不同瀏覽器的支持程度不同，在使用過程中要進行兼容性測試。