【CSS】波點背景

CSS程式碼

background: #655;
background-image: 
    radial-gradient(tan 30%, transparent 0);
background-size: 30px 30px;

首先建立了一個背景色 #655，
用radial-gradient繪製波點。

---

CSS程式碼

background: #655;
background-image: 
    radial-gradient(tan 30%, transparent 0),
    radial-gradient(tan 30%, transparent 0);
background-size: 30px 30px;
background-position: 0 0, 15px 15px;

注意：為了達到效果，第二層背景的偏移定位值必須是background-size的一半。

缺點：如果要改變尺寸，要修改的地方就很多。推薦使用CSS前處理器。

---

希望以上筆記對大家有幫助。
我的其他筆記在微信公眾號：Rabbit_svip