Question

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

Answer 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%);
}

多种HTML背景颜色

1 个答案: