是否可以在不添加 div、span 或图像的情况下将背景颜色划分为单独的颜色？ [复制]

【问题标题】：Is it possible to divide the background colour into separate colours without adding div's, spans or images? [duplicate]是否可以在不添加 div、span 或图像的情况下将背景颜色划分为单独的颜色？ [复制]
【发布时间】：2021-10-17 06:19:17
【问题描述】：

以下代码是一个简单的代码，其主体的背景色为黑色：

body {
background-color: black;
}

<html>
<body>
</body>
</html>

如果我想分割背景颜色，使其具有两种不同的颜色，而不添加 div 或图像，该怎么办？如下所示：

有可能吗？

【问题讨论】：

标签： html css background-color

【解决方案1】：

是的，有可能，试试这个：

body {
    background: linear-gradient(90deg, black 50%, blue 50%);
}

<html>
<body>
</body>
</html>

【讨论】：

谢谢！当百分比分别为 50% 时，它可以工作，但是当我更改百分比（比如 30% 和 70%）时，两种颜色的中心都会出现扭曲（实际上是两种颜色的模糊混合），你能告诉我我是怎么做到的吗？可以解决吗？（见here我的意思）
您可以有部分，例如linear-gradient(90deg, black 0 30%, blue 30% 70%, red 70% 100%) - 即为每一个给出一个开始和结束%，你会得到一个急剧的变化，而不是颜色之间的逐渐“模糊”，如果一个以与另一个结束相同的百分比开始。