首页 > 解决方案 > 是否可以有 2 个渐变背景?

问题描述

我试图让一个 500 像素 x 200 像素的 div 有 2 个线性渐变背景。我已经试过了

style="background-color: #000000; 
       background-image: linear-gradient(400deg, #000000 0%, #ffffff 74%), linear-
       gradient(350deg, #000000 74%, #ffffff 0%);
       background-size: 100px 80px;
       background-position: bottom right, top left;
       background-repeat: no-repeat, repeat;"

但这只是给了我最后一个背景图像。(我做了上面没有换行符,我包括换行符使阅读我的代码更容易)

是否可以在一个 div 中有 2 个线性渐变背景?

标签: javascripthtmlcssbackgroundgradient

解决方案


推荐阅读