div和css圖片輪播是網頁開發中常用的技術之一。使用div結合css樣式，可以方便地實現圖片輪播效果。

<div id="slider">
<img src="img/slide1.jpg">
<img src="img/slide2.jpg">
<img src="img/slide3.jpg">
</div>

在上面的代碼中，我們使用了一個div元素來包含輪播圖片，并應用了一些css樣式。其中，圖片的位置使用了絕對定位，通過opacity屬性來實現淡入淡出的效果。

在javascript中，我們使用setInterval函數來定時切換圖片。每次切換時，我們先將上一張圖片的className設為空，然后將當前圖片的className設為'active'，從而應用上css樣式中定義的active屬性。

這樣，我們就成功地實現了一個簡單的div和css圖片輪播效果。通過不斷練習和探索，我們可以進一步提升自己的技術水平。