背景知识
在介绍如何使用 CSS 创建线性渐变背景之前，我们需要先了解几个有关渐变的概念。
渐变是指两种或两种以上不同颜色在一定区域内逐渐过渡的效果。CSS 中提供了两种渐变方式，即线性渐变和径向渐变。
线性渐变是指由起点到终点色彩逐渐变化的渐变。线性渐变有方向，可以指定方向为水平、垂直、对角线或自定义角度。
径向渐变是指以一个特定点为中心，由内到外色彩逐渐变化的渐变。径向渐变可以是圆形或椭圆形。
CSS 线性渐变
在 CSS 中创建线性渐变背景需要用到 linear-gradient 函数。这个函数需要指定至少两种颜色，渐变方向，以及起点和终点的位置。
语法
background: linear-gradient(direction, color-stop1, color-stop2, ...);
direction：渐变的方向。可以使用角度或关键字来表示。
color-stop1, color-stop2：渐变的颜色。可以使用颜色名、十六进制、RGB、RGBA、HSL 或 HSLA 来表示。
渐变方向
在 linear-gradient 函数中，可以使用关键字或角度来定义渐变方向。
关键字
to top：从下往上
to right：从左往右
to bottom：从上往下
to left：从右往左
to top right：从左下往右上
to top left：从右下往左上
to bottom right：从左上往右下
to bottom left：从右上往左下
angle：自定义角度
角度
可以使用角度来定义渐变方向。例如，使用 90deg 表示从上往下，使用 45deg 表示从左下往右上。
起点和终点位置
可以使用百分比或像素值来指定渐变的起点和终点位置。例如，可以使用 0% 表示渐变的起点，100% 表示渐变的终点。
需要注意的一点是，当设置起点和终点时，尽量保证距离是不同的，否则可能会导致渐变出现奇怪的边缘效果。
实例
下面是一个使用 CSS 线性渐变创建背景的例子：
.container {
height: 300px;
background: linear-gradient(45deg, #87CEFA, #FF69B4);
}
在上面的例子中，渐变方向为 45deg，起点颜色为 #87CEFA，终点颜色为 #FF69B4。
不规则形状的背景
使用线性渐变可以创建出很多漂亮的背景，但有时候我们需要创建一些不规则形状的背景。这时可以使用 CSS 的多重背景来实现。
多重背景可以让一个元素具有多层背景，每层背景都可以使用不同的颜色、渐变或图片。
注意：多重背景的前景背景会覆盖在后面的背景之上。
下面是一个例子，使用多重背景实现了一个不规则形状的背景：
.shape {
background: linear-gradient(45deg, #87CEFA, #FF69B4),
linear-gradient(135deg, #FF69B4, #87CEFA);
background-position: left top, right bottom;
background-repeat: no-repeat;
height: 300px;
}
在上面的例子中，我们使用了两个线性渐变来创建两层背景。第一层背景的渐变方向为 45deg，起点颜色为 #87CEFA，终点颜色为 #FF69B4。第二层背景的渐变方向为 135deg，起点颜色为 #FF69B4，终点颜色为 #87CEFA。
我们还使用了 background-position 属性来指定两层背景的位置，以及 background-repeat 属性来防止背景重复。
总结
使用 CSS 创建线性渐变背景需要用到 linear-gradient 函数。这个函数需要指定至少两种颜色，渐变方向，以及起点和终点的位置。使用多重背景可以实现不规则形状的背景。