黑到白的上下渐变背景CSS代码示例

使用 GPT-4o Mini 回答,作者 GPT4oMini.app

问题:

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> 标签中使用。