gpt4 book ai didi

CSS3 渐变重复

转载 作者:行者123 更新时间:2023-11-28 09:19:02 26 4
gpt4 key购买 nike

我正在尝试实现从左上角的黑色到右下角的深灰色的对 Angular 线 CSS3 渐变。

类似于:

body {
background: -webkit-linear-gradient(left top, black, darkgray 80%, gray);
}

它并没有像我预期的那样显示,它只是在页面下方的每一行中水平重复一遍又一遍。我做错了什么?

最佳答案

body 没有高度;您只能从 8px 的顶部/底部边距(始终透明)看到背景。

如果您希望渐变填充视口(viewport),请在两者 上设置 100% 的高度 <html> & <body>

html, body {
height: 100%;
}

body {
background: linear-gradient(orange, red, yellow);
margin: 0;
}

http://jsfiddle.net/JUtuJ/1/

关于CSS3 渐变重复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18065178/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com