一个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属性设置下部为白色。这样就可以实现要求的背景色渐变效果了。

css写一个div，宽度200px,高度50px,背景颜色从淡红色到白色渐变

您可以使用CSS中的渐变（gradient）属性来实现这个效果，以下是一个样式示例：

div {
  width: 200px;
  height: 50px;
  background: linear-gradient(to right, #fad0c4, #fff);
}

解释：

- `width: 200px` 和 `height: 50px` 属性分别设置了 div 元素的宽度和高度。
- `background` 属性中使用 `linear-gradient()` 来定义渐变的方向和颜色。
- `to right` 表示渐变方向从左到右。
- `#fad0c4` 和 `#fff` 分别表示渐变的起始颜色和结束颜色，这里使用了淡红色 `#fad0c4` 和白色 `#fff`。您可以根据需要修改这两个颜色。