一个div背景颜色是白色，只有上面20px背景色是淡红色

可以使用CSS中的线性渐变（linear-gradient）来实现这个效果，具体代码如下：

div {
  background: linear-gradient(to bottom, palevioletred 20px, white 20px);
}

这段代码中，`to bottom`表示从上到下的渐变方向，`palevioletred`表示淡红色，`20px`表示渐变的起点位置，`white`表示渐变的终点位置，也就是从20px开始到底部为白色。

相关问题

一个div背景颜色是白色，只有上面20px背景色是淡红色透明度为0.5

可以使用RGBA来设置背景色的透明度，具体代码如下：

div {
  background-color: rgba(255,192,203,0.5); /* 淡红色，透明度为0.5 */
  height: 20px; /* 设置高度为20px */
}

这段代码中，`rgba(255,192,203,0.5)`表示红色为255，绿色为192，蓝色为203，透明度为0.5，即淡红色的半透明效果。同时，为了只让上面20px的背景颜色变成淡红色，还需要将 `div` 的高度设置为20px。

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`。您可以根据需要修改这两个颜色。