css CSS背景梯度来自https://css-tricks.com/examples/CSS3Gradient/

Posted 2021-05-13

html, body {
  height: 100%;
  /* IE10 Consumer Preview */ 
  background-image: -ms-linear-gradient(bottom, #29A6D5 0%, #0D4E70 100%);

  /* Mozilla Firefox */ 
  background-image: -moz-linear-gradient(bottom, #29A6D5 0%, #0D4E70 100%);

  /* Opera */ 
  background-image: -o-linear-gradient(bottom, #29A6D5 0%, #0D4E70 100%);

  /* Webkit (Safari/Chrome 10) */ 
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #29A6D5), color-stop(1, #0D4E70));

  /* Webkit (Chrome 11+) */ 
  background-image: -webkit-linear-gradient(bottom, #29A6D5 0%, #0D4E70 100%);

  /* W3C Markup, IE10 Release Preview */ 
  background-image: linear-gradient(to top, #29A6D5 0%, #0D4E70 100%);
}