某些狀況之下，需要在網頁上做區塊輪播的效果，以達到一個畫面可以顯示更多資訊的目的，舉例來說：要顯示的資料過多、一次顯示在畫面上會很雜亂。當然除此之外，還能用做圖片的幻燈片效果，重點是從頭到尾都不用碰到 JavaScript！純 CSS 搭配 HTML 就能做到囉！現在我就用一組簡易的示範來簡單描述原始碼： 這裡先用一個 <div class="slider-container"