多种HTML背景颜色

问题描述

首先,我要感谢所有对我的所有Web设计问题都有耐心的人。我实际上已经完成了第一个HTML网页的键入。我几乎拥有了我所设想的一切(几乎)。现在,我尝试为背景添加一些颜色。由于我仍在学习HTML,所以我不想走得太远,但我仍然希望背景越来越好。我认为3种水平颜色应该可以。我该怎么做呢?

解决方法

您可以利用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%,#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%);
}