html - 如何在div中为背景添加渐变色

Question

您好，我想为我的 div 背景添加渐变色。我试过这段代码，但它不起作用

#apple {
  background: #0E5D7B;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(white, #0E5D7B);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(white, #0E5D7B);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(white, #0E5D7B);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(white, #0E5D7B);
  /* Standard syntax */
}

<div id="apple" style="height: 300px;width:auto;background-color:	 #0E5D7B; margin-top: 0px;">
</div>

请告诉我如何解决这个问题

Answer 1

---

#apple{
    height: 300px;
    width:auto;
    background-color:#0E5D7B;
    margin-top: 0px;
    background:linear-gradient(white, lightblue);
}

---

<div id="apple">
</div>