可以使用CSS的线性渐变（linear-gradient）来实现div的背景颜色从左到右或从上到下的渐变效果。 实现div的背景从左到右渐变，可以使用以下CSS代码：
```css
div {
background: linear-gradient(to right, red, blue);
}
```上述代码中，linear-gradient函数的第一个参数指定了渐变的方向，`to right`表示从左到右。第二个参数和后续的参数指定了渐变的颜色，可以根据需要自行定义。 实现div的背景从上到下渐变，可以使用以下CSS代码：
```css
div {
background: linear-gradient(to bottom, red, blue);
}
```同样，linear-gradient函数的第一个参数指定了渐变的方向，`to bottom`表示从上到下。第二个参数和后续的参数指定了渐变的颜色，可以根据需要自行定义。 你可以根据具体需求来调整渐变的颜色和方向。