CSS是一種網頁設計語言，它可以為HTML文檔中的元素添加樣式。

一種常見的效果就是實現div圖片的漸變。下面我們就來看一下具體的實現方法。

<div class="bg">
</div>
<style>
.bg {
position: relative;
}
.bg::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
/* 這里設置漸變背景色 */
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}
.bg img {
width: 100%;
height: auto;
/* 通過設置一個高層級的位置，圖片可以“穿透”底部的漸變 */
position: relative;
z-index: 1;
}
</style>

在上面的代碼中，我們首先給父元素.bg設置了一個position: relative樣式，這是為了后面的漸變背景可以根據父元素進行定位。

然后我們通過偽元素::before給.bg添加了一個絕對定位的漸變背景，并設置了漸變色值。我們在這里使用了CSS3中的linear-gradient函數，從上到下漸變。其中，第一個參數表示起始顏色，第二個參數表示結束顏色，可以根據需求自定義顏色值。

接下來，我們給img設置了一個relative定位和高層級，這樣圖片就可以被放在背景上方，并遮擋住底部的漸變色。

如此，我們就通過CSS實現了div圖片的漸變效果，讓頁面更加美觀、炫酷。