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属性来实现。