CSS背景渐变由上到下是一种常见的网页设计效果，尤其是在滑动页面时给人一种平滑的过渡感。这种效果需要使用CSS中的渐变属性实现，下面是具体的实现方法：

background: linear-gradient(to bottom, #fff, #000);

其中，"to bottom"表示渐变方向为从上到下，#fff表示渐变起始颜色为白色，#000表示渐变结束颜色为黑色。我们可以根据需要调整起始和结束颜色，或者调整渐变方向，比如从左到右、从右上到左下等等。下面是一些实用的渐变方向值：

/* 纵向 */
to bottom // 从上到下（默认）
to top // 从下到上
/* 横向 */
to right // 从左到右
to left // 从右到左
/* 对角线 */
to top right // 从右下到左上
to top left // 从左下到右上
to bottom right // 从左上到右下
to bottom left // 从右上到左下

如果需要多种颜色渐变，则可以使用逗号分隔符。下面是一个从上到下渐变三种颜色的例子：

background: linear-gradient(to bottom, #fff, #f0f, #000);

这样就可以实现三种颜色的平滑过渡效果。