多种 HTML 背景颜色

【问题标题】：Multiple HTML Background Colors多种 HTML 背景颜色
【发布时间】：2020-10-29 19:23:37
【问题描述】：

首先，我要感谢所有耐心解答我所有网页设计问题的人。我实际上已经完成了我的第一个 HTML 网页的输入。我几乎拥有我所设想的一切（几乎）。现在我正在尝试为背景添加一些颜色。由于我仍在学习 HTML，我不想超越自己太远，但我仍然希望背景能够弹出。我想3个水平颜色应该没问题。我该怎么做？

【问题讨论】：

标签： html background color-scheme

【解决方案1】：

您可以利用background-image: linear-gradient 生成多种不同的背景颜色，如下所示：

3 种颜色

body{

    background-image: linear-gradient(90deg,
         #F6D6A8 33.3%,
        #F5BA55 33.3%, #F5BA55 66.6%,
        #F09741 66.6%, #F09741 99.9%);
}

2 种颜色

body{

    background-image: linear-gradient(90deg,
        #e1ecf3 50%, #e1ecf3 50%,
        #F5BA55 50%, #F5BA55 50%);
}

多种颜色

body{

    background-image: linear-gradient(90deg,
        #F6D6A8 20%,
        #F5BA55 20%, #F5BA55 40%,
        #F09741 40%, #F09741 60%,
        #327AB2 60%, #327AB2 80%,
        #3A94F6 80%);
}

【讨论】：