CSS 點陣背景是頁面設計中常見的一種背景圖片類型。它由許多小方塊（或小圓點）組成，看上去像一個二維點陣圖像。點陣背景可為網頁添加生動的現代感，同時也可幫助用戶瀏覽和閱讀信息。下面我們來學習如何用 CSS 來創建點陣背景。

background-image: linear-gradient(to right, #ccc 2px, transparent 2px),
linear-gradient(to bottom, #ccc 2px, transparent 2px);
background-size: 20px 20px;

上述代碼中，我們使用了兩個水平和豎直方向的線性漸變背景。通過調整這兩種漸變的顏色，可以產生出各種不同顏色的點陣效果。我們還可以調整背景大小的寬度和高度，使得點陣之間的距離適當。

除了使用漸變背景之外，我們還可以使用 CSS3 提供的邊框圖片來實現點陣背景。

border-image: url(dots.png) 10 10 round;

這段代碼會將背景圖片url(dots.png)進行縮放并重復渲染到邊框中。我們還可以通過調整圖片大小和邊框半徑來控制點陣背景的粗細和形狀。

無論使用哪種方式，都可以輕松地為網頁添加點陣背景，并且在 CSS 的幫助下，我們可以隨時對其進行調整，以滿足不同風格和需求。