如何制作响应双色背景？

Question

所以这就是我想要完成的事情：

桌面图片：

移动图片：

我已经有了这些盒子，但我不知道如何添加2色背景。我正在使用bootstrap。

这是我目前的代码

UITableViewDelegate

body {
  background-color: #F9F9F9;
}

#container {
  margin: auto;
}

Answer 1

您可以通过linear-gradient：

实现此目的

＆＃13;

＆＃13;

body {
  background: linear-gradient(to bottom, #007cc1 100px, #fff 100px);
  margin: 0;
  min-height: 100vh;
}

＆＃13;

＆＃13;

＆＃13;