CSS填充不規則圖形是一種在網頁設計中很常用的技術，它可以幫助我們實現很多炫酷的效果，如：漸變填充、背景圖案填充等。下面我們來介紹一下如何使用CSS填充不規則圖形。

.irregular-shape {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
}

首先，我們需要先制作一個不規則的圖形。在這里我們使用三角形作為例子，代碼如下：

這段代碼使用了border屬性來畫出了一個三角形，其中，border-top、border-right、border-bottom分別對應三角形的三條邊。由于三角形的底部是水平的，所以border-top和border-bottom需要設置為透明的，否則會出現一個豎直的矩形。

.irregular-shape {
background: linear-gradient(to bottom right, red, blue);
}

當我們制作好不規則圖形后，就可以使用background屬性來填充它了。在這里，我們使用了漸變填充，從左上角到右下角漸變。代碼如下：

這段代碼使用了線性漸變（linear-gradient）來填充不規則圖形。to bottom right指定了漸變的方向，從左上角（0% 0%）到右下角（100% 100%），漸變的顏色由紅色漸變到藍色。如果要填充背景圖案，可以使用background-image屬性來實現。