linear-gradient 线性渐变：是以直线条渐变
radial-gradient 径向渐变：是以图型形状渐变

<!-- 线性渐变（从一个方向到另一个方向 -->
        <div style=" background: linear-gradient(to right, red, blue);"></div>
        <!-- 径向渐变（从一个点向外扩散） -->
        <div style=" background: radial-gradient(circle, red, blue);"></div>
        <!-- 线性渐变指定方向和颜色停止点: -->
        <div style=" background: linear-gradient(45deg, yellow, green, blue);"></div>
        <!-- 径向渐变指定形状、大小和颜色停止点: -->
        <div style=" background: radial-gradient(circle at center, yellow, green, blue);"></div>