HTML背景两种颜色

HTML背景两种颜色,html,css,background-color,Html,Css,Background Color,我使用此代码将背景设置为蓝色: <!DOCTYPE html> <html> <body style="background-color:blue;"> </body> </html> 这很好,但我如何使背景有两种不同的颜色?50%为蓝色,其余50%为黄色。例如,水平分割…使用css渐变: 或者,如果您不想逐渐淡入淡出,则必须设置位置: background: linear-gradient(to right, blue 0%,

我使用此代码将背景设置为蓝色:

<!DOCTYPE html>
<html>
<body style="background-color:blue;">
</body>
</html>

这很好,但我如何使背景有两种不同的颜色?50%为蓝色,其余50%为黄色。例如,水平分割…

使用css渐变:

或者,如果您不想逐渐淡入淡出,则必须设置位置:

background: linear-gradient(to right, blue 0%, blue 50%, yellow 50%, yellow 100%);

如果有人想要垂直分割,请在css中创建两个背景色,我发现这有点棘手,请看一看答案。我解决了这个问题==>。容器{背景:线性渐变(到底部,白色0%,白色25%,蓝色25%,蓝色100%);}=>html使用class='container'并将您的内容放入其中,它将自动显示25/75垂直分割:)
background: linear-gradient(to right, blue 0%, blue 50%, yellow 50%, yellow 100%);