Question

让我说我像这样添加身体背景颜色：

body{
   background-color: blue;
}

如果我想将一半身体蓝色和另一半身体变成红色怎么办。

Answer 1

你可以这样做

background: linear-gradient(to bottom, blue 50%, red 50%);

要获得完整的浏览器支持，您还需要包含以下内容

background: -moz-linear-gradient(top, blue 50%, red 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,blue), color-stop(50%,red));
background: -webkit-linear-gradient(top, blue 50%,red 50%);
background: -o-linear-gradient(top, blue 50%,red 50%);
background: -ms-linear-gradient(top, blue 50%,red 50%);

Answer 2

这取决于，如果你想要褪色效果，那么

background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, red , blue); /* Standard syntax */

应该有效。否则，如果你想要半红半蓝，那么：

background: linear-gradient(to right, blue 50%, red 50%);

应该也可以。确保添加css前几行中显示的所有兼容性。第一个参数允许您指定方向（“向右”表示颜色将从左向右变化，因此50％蓝色首先变为50％红色）。

希望有帮助= D

在身体背景中添加多种颜色？

2 个答案: