单色系的背景好单调，所以我尝试添加新的颜色,即渐变色来丰富页面！

CSS background-image 属性

实例：

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

linear-gradient

这里运用图像值 CSS Image Data Types 中的 linear-gradient( )，即用线性渐变创建图像 。

• linear-gradient( 度数deg ， 颜色1 ，颜色2 )

  如果按照时钟来看其度数，九点为 0deg 、 十二点为 90deg 、三点为 180deg，以此类推。当度数为 0deg时，颜色1在下，颜色2在上。

  body
  { 
  background-image: linear-gradient(90deg, #2580B3, #304352);
  }
  

效果如图：

更多感兴趣的属性或值，请参见链接。