css设置背景色渐变；css设置背景色不渐变颜色切换

最新推荐文章于 2024-05-03 00:15:06 发布

柠檬花开_

最新推荐文章于 2024-05-03 00:15:06 发布

阅读量876

点赞数

文章标签： css background

本文链接：https://blog.csdn.net/Sunny_lxm/article/details/128288033

版权

/*颜色不渐变直接切换*/
background: linear-gradient(to right, #40474D 50%, #1E73BD 50%);

/*颜色渐变*/
background: linear-gradient(to right, rgba(64, 71, 76, 1), rgba(64, 71, 76, 0.7));
/*颜色渐变的，透明度同时设置背景图*/
background: linear-gradient(to right, rgba(64, 71, 76, 1), rgba(64, 71, 76, 0.7)),
        url(../../oc-images/pc-page-banner.png) no-repeat;
background-size: cover;

/*位置可以设置right left bottom top  以及左上右下等特殊方向的渐变*/