CSS圓點重復做背景，是一種簡單而又實用的CSS技巧，常用于網頁、博客等視覺設計中。通過CSS屬性實現不同顏色、大小、間距等的圓點排列，營造出獨特的背景效果。

// CSS代碼
background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
background-repeat: repeat-y;
background-position: 0 50%;
background-size: 8px 8px;
/* 圓點背景 */
background-color: #f6f6f6;
background-image: radial-gradient(circle, #f6f6f6 50%, #e5e5e5 50%);
background-position: center center;
background-size: calc(2 * 8px) calc(2 * 8px);

以上代碼中，首先聲明了背景圖片的URL，這里使用的是一個透明的GIF小圖，其實是用來占位的。然后設置了圖片的重復方式（repeat-y），位置（50%居中），以及大小（8px * 8px）。

接著，通過設置背景顏色（#f6f6f6）和徑向漸變（radial-gradient），實現了不同顏色間隔的圓點背景。其中，圓點的大小由上一段代碼的背景大小決定（2倍），位置則設置在中心點，營造出整齊且美觀的效果。

在實際應用中，可以根據需要修改顏色、大小、間距等參數，來實現自己的圓點背景效果。這種技巧簡單易學，同時也兼顧了美觀和實用性，是CSS初學者和愛好者不容錯過的技巧。