css实现背景色渐变效果

xlyyy_

于 2023-03-28 21:43:12 发布

阅读量847

点赞数 1

文章标签： css 前端 html

本文链接：https://blog.csdn.net/weixin_48043684/article/details/129825608

版权

纯色的背景颜色往往太单一，使用css实现渐变的背景颜色，增强网页的美观度。

代码部分

 /* 渐变效果  从上到下*/
    background-image: linear-gradient(#b5f1f3, #f3f3f7);
        /* 渐变效果：从左到右
           background-image: linear-gradient(to right, red , yellow);*/
           /* 从左上角到右下角渐变 */
           background-image: linear-gradient(to bottom right, red, yellow);
           background-color: rgba(red, green, blue, alpha);
           /* alpha:透明度 */
    }