主页 / 问题 / 1099444
Accepted
Степан
Asked:2020-03-25 10:45:42 +0000 UTC2020-03-25 10:45:42 +0000 UTC

如何使女主角背景图像两种颜色

  • 772

假设 div 的左侧应该是红色，右侧应该是蓝色。
怎么做？这个想法是把一张蓝色背景的图片放在红色的 div 上，然后把文本放在它上面的一个 div 中，它的 z 值大于图片。我正在排版橡皮页，它不适合。更多选择？

css

2 个回答

  1. Best Answer

    您不能添加第二个 div，而是使用渐变：

    background: rgb(255,0,0);
background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(255,0,0,1) 50%, rgba(121,9,9,1) 50%, rgba(0,212,255,1) 50%);

    甚至还有一个很棒的渐变生成器 https://cssgradient.io

    • 1

  2. 我使用了两个不同颜色的 div，每个 div 的左侧和右侧都填充了 50%。当我向它们添加 float:left/right 时，它们变成了同一行

    • -1

相关问题