css渐变背景颜色为从黑到白,渐变方向为从上到下,请给出css代码
要创建一个从黑色到白色的渐变背景,方向从上到下,你可以使用 CSS 的 linear-gradient
函数。以下是相应的 CSS 代码:
body {
background: linear-gradient(to bottom, black, white);
height: 100vh; /* 确保背景覆盖整个视口高度 */
margin: 0; /* 去掉默认的边距 */
}
在这个例子中,linear-gradient(to bottom, black, white)
表示渐变从黑色(顶部)到白色(底部)。你可以将这段代码放在你的 CSS 文件中,或者在 <style>
标签中使用。