background-image的引入规则

在CSS中，通过background-image属性可以设置元素的背景图像。其引入规则如下：

1. 相对路径：相对于当前CSS文件的路径来引入背景图像。

background-image: url("images/bg.jpg");

2. 绝对路径：使用完整的URL路径来引入背景图像。

background-image: url("https://example.com/images/bg.jpg");

3. base64编码：使用base64编码的图像数据作为背景图像。

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAQAAAAEABcxq3DAAAA30lEQVRYhe2XvQ3CMAyF/wc7lE0QnDgV5AT4gV4QnDgV5AT4gV4QnDgV5AT4gV4QnDgV5AT4gV4QnDgV5AT4gV4QnDgV5AT4gV4QnDgV5AT4gV4QnDgV5A7n8X0BOKV0ZL0xwOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+K5wOyZd+Lr+K/EZwBA7Jq4AAAAASUVORK5CYII=);

4. 渐变背景：通过CSS渐变语法实现渐变背景。

background-image: linear-gradient(to right, #fd746c, #ff9068);