CSS向上滾動圖片是網頁常用的一種效果，可以通過CSS動畫來實現滾動圖片。下面介紹一種簡單的實現方式。

/*CSS*/
.box {
width: 200px;
height: 160px;
overflow: hidden;
position: relative;
border: 1px solid #000;
}
.box img {
width: 100%;
position: absolute;
top: 0;
left: 0;
animation: up 5s linear infinite;
}
@keyframes up {
0% {
top: 0;
}
100% {
top: -300px;
}
}

上述代碼實現了一個寬200px，高160px的div容器，里面有一張img標簽插入，初始位置為上邊界，用動畫向上移動并無限循環。這里涉及到一些CSS屬性和概念：

1. overflow屬性 ：指定當內容溢出容器時如何處理。hidden表示溢出的內容會被隱藏。

2. position屬性 ：定位元素的方式。absolute表示該元素框的位置相對于第一個已定位的祖先元素（或body元素），這里top：0表示相對于父容器上邊緣。

3. animation屬性 ：動畫的屬性。up是動畫的名稱，5s是動畫執行時間，linear表示勻速運動，infinite表示動畫無限循環。

4. keyframes屬性 ：定義動畫中每一幀的關鍵幀。0%表示動畫開始時的樣式，100%表示動畫結束時的樣式。這里top：-300px表示相對于父容器上邊緣向上300px。

通過以上代碼和介紹，我們可以掌握CSS向上滾動圖片的基本實現方法。根據需求，可以再進行一些適當的修改，如調整容器大小、動畫名稱等。