使用 CSS 设置页面背景色渐变效果可以为页面增添一份视觉美感。可以通过以下步骤实现:
例如:
body {
background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
其中,linear-gradient 函数用于生成线性渐变效果,其中参数 to bottom 表示渐变方向为从上到下,#ffffff 和 #f2f2f2 分别表示起始和结束颜色。
例如:
body {
background: linear-gradient(to bottom, #ffffff, #f2f2f2, #d9d9d9);
}
此时,渐变效果将从白色到浅灰色再到深灰色。
例如:
body {
background: linear-gradient(to right, #ffffff, #f2f2f2);
}
此时,渐变效果将从左侧到右侧。
需要注意的是,渐变效果的实现还可以使用其他属性和值,如渐变角度、渐变色标、渐变重复等等,可以根据不同的需求进行调整。