新增！ 我的 44 页电子书“CSS 44 分钟掌握”已发布！ 😃
#background-image
将图像定义为元素的背景。
默认 background-image: none;
移除任何背景图像。
background-image: url(/images/jt.png);
使用在url路径中定义的图像。此路径可以是相对的（相对于css文件）或绝对的（如https://cssreference.cn/images/jt.png）。
background-image: linear-gradient(red, blue);
您可以将线性渐变定义为背景图像。
您需要定义至少两种颜色。第一种颜色将从顶部开始，第二种颜色将从底部开始。
默认角度为to bottom（或180deg），这意味着渐变是垂直的，从元素的顶部开始，到底部结束。
background-image: linear-gradient(45deg, red, blue);
您可以指定一个角度，可以使用度数或关键字。
使用度数时，您指定渐变的方向或渐变结束的位置。因此，0deg表示元素的顶部，就像钟表上的 12 点。
在此示例中，45deg表示 2:30 或右上角。
background-image: radial-gradient(green, purple);
您可以将径向渐变定义为背景图像。
您需要定义至少两种颜色。第一种颜色将在中心，第二种颜色将在边缘。
background-image: radial-gradient(circle, green, purple);
您可以指定径向渐变的形状：圆形或椭圆形（默认）。
background-image: radial-gradient(circle, green 0%, purple 20%, orange 100%);
您可以使用百分比值指定颜色停止点。
background-image: radial-gradient(circle closest-side, green 0%, purple 20%, orange 100%);
您可以指定渐变应结束的位置
最近的一侧最近的角最远的一侧最远的角
background-image: radial-gradient(circle closest-side at 45px 45px, green 0%, purple 20%, orange 100%);
与background-position类似，您可以指定渐变的位置。