我使用以下代码将背景设置为蓝色：
<!DOCTYPE html>
<html>
<body style="background-color:blue;">
</body>
</html>
这个方案很不错，但是如何让背景有两种不同的颜色呢？例如，将50%的背景设置为蓝色，其余50%设置为黄色，水平分割...
HTML背景两种颜色
5
- darkchampionz
2
请查看http://www.css3factory.com/linear-gradients/。 - Nadezhda Serafimova
在CSS中实现两个背景颜色的方法，请点击此处查看答案：Ckick Here。 - codePhree
1个回答
9
使用CSS渐变：https://css-tricks.com/css3-gradients/
background: linear-gradient(blue, yellow);
如果您不想要渐变淡出效果，可以设置位置：
background: linear-gradient(to right, blue 0%, blue 50%, yellow 50%, yellow 100%);
- StefanBob
1
1如果有人想要实现垂直分割，我发现这有点棘手。我已经解决了这个问题 ==>.container {
background: linear-gradient(
to bottom,
white 0%,
white 25%,
blue 25%,
blue 100%
);
}==> html
使用 class='container' 并将您的内容放在其内部，它将自动显示 25/75 的垂直分割 :) - krishna
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接