在網站設計中，輪播圖廣泛應用于頁面展示和宣傳。在輪播圖中，通過設置小圓點來顯示當前展示的圖片，提高頁面交互性和美觀度。下面就是一段使用CSS實現輪播圖的代碼，包含小圓點：

<div class="slider-container"><div class="slider-wrapper"><div class="slider-item active"><img src="image/1.jpg" alt="第一張圖片"></div><div class="slider-item"><img src="image/2.jpg" alt="第二張圖片"></div><div class="slider-item"><img src="image/3.jpg" alt="第三張圖片"></div></div><div class="slider-dots"><span class="active"></span><span></span><span></span></div></div>

在這個代碼中，使用了一個父容器.slider-container作為輪播圖的外層容器，包含兩個子容器，一個.slider-wrapper作為圖片容器，一個.slider-dots作為小圓點容器。其中，每張圖片都用一個.slider-item包含，并使用CSS設置其樣式。在小圓點容器.slider-dots中，每個小圓點都用一個span標簽包含，設置display:inline-block后，通過設置相對大小和邊距樣式，實現小圓點以及當前展示圖片對應小圓點的不同顯示狀態。同時，通過在標簽上添加.active class，實現點擊小圓點切換對應圖片的效果。