一个div高度为100px.其中高度20px的背景色是从左到右渐变，深红色渐变为淡红色，其余80px高度的背景为白色

可以使用CSS中的background-image属性和linear-gradient函数实现这个效果。具体的代码如下：

div {
  height: 100px;
  background-image: linear-gradient(to right, #B22222, #FFC0CB 20px);
  background-color: #FFFFFF;
  background-size: 100% 80px;
  background-repeat: no-repeat;
}

这里的思路是先使用linear-gradient函数设置从左到右的渐变色，并且让渐变色只占据div的上部20px，然后使用background-color属性设置下部为白色。接着，使用background-size属性设置背景大小为100%的宽度和80px的高度，使用background-repeat属性设置不重复显示。这样就可以实现要求的背景色渐变效果了。

相关问题

一个div高度为100px.其中高度20px的背景色是从左到右渐变，深红色渐变为淡红色，其余背景为白色

可以使用CSS中的background-image属性和linear-gradient函数实现这个效果。具体的代码如下：

div {
  height: 100px;
  background-image: linear-gradient(to right, #B22222, #FFC0CB 20px);
  background-color: #FFFFFF;
}

这里的思路是先使用linear-gradient函数设置从左到右的渐变色，并且让渐变色只占据div的上部20px，然后使用background-color属性设置下部为白色。这样就可以实现要求的背景色渐变效果了。