使用 background-image属性实现渐变背景效果

渐变是多个颜色逐渐变化的视觉效果，一般用于设置盒子的背景色。

俩种颜色间渐变语法：

background-image: linear-gradient(
    颜色1,
    颜色2
);

从透明到半透明语法：

 background-image: linear-gradient(
                transparent,
                rgba(0,0,0, .6)
            );

注意 ：这里是 （）而不是 {}

俩种效果演示：