Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 背景-单对角线条纹_Css_Css Shapes_Linear Gradients - Fatal编程技术网

Css 背景-单对角线条纹

Css 背景-单对角线条纹,css,css-shapes,linear-gradients,Css,Css Shapes,Linear Gradients,我需要有一个与CSS作为图像附加回来的背景,我不能使它与线性梯度工作 我尝试了以下内容,但我无法仅创建一条白色条纹 div{ 背景#5cbcb0; 背景:线性梯度(120度,#5cbcbb0 10%,#ffffff 10%,#ffffff 27%,#5cbcbb0 27%,#5cbcbb0 50%,#5cbcbcbb0 50%,#5cbcbcbb0 74.81%,#ffffffff 73.81%,#ffffffff 76.19%,#5cbb0 76.19%,#5cbb0 100%); 背景尺

我需要有一个与CSS作为图像附加回来的背景,我不能使它与线性梯度工作

我尝试了以下内容,但我无法仅创建一条白色条纹

div{
背景#5cbcb0;
背景:线性梯度(120度,#5cbcbb0 10%,#ffffff 10%,#ffffff 27%,#5cbcbb0 27%,#5cbcbb0 50%,#5cbcbcbb0 50%,#5cbcbcbb0 74.81%,#ffffffff 73.81%,#ffffffff 76.19%,#5cbb0 76.19%,#5cbb0 100%);
背景尺寸:593.97px 593.97px;
}

如果有助于检查代码段,请尝试添加
无重复

div{
背景#5cbcb0;
背景:线性梯度(120度,#5cbcbb0 10%,#ffffff 10%,#ffffff 30%,#5cbcbb0 27%,#5cbcbb0 50%,#5cbcbcbb0 50%,#5cbcbb0 100%,#FFFFFFFF 73.81%,#ffffff 76.19%,#5cbb0 100%,355cbb0100%,355cbb0100%)无重复;
背景尺寸:593.97px 593.97px;
}

您只需为颜色提供正确的
开始
停止
值。出现多条白色条纹是由于在
73.81%
之后使用了多个
#fff

div{
背景:线性梯度(135度,#5CBCBB0 5%,#ffffff 5%,#ffffff 15%,#5CBCBB0 15%);
/*从0开始至5%结束,从5%开始至15%结束,从15%再次开始至100%*/
背景尺寸:593.97px 593.97px;
后台重复:不重复;/*以避免多个实例*/
}

您可以像下面这样尝试。我以百分比定义了大小,因此它将具有响应性

正文{
背景:
线性渐变(至右下角,#5cbcbb0 15%,#fff 15.5%49.5%,透明50%)左上角/30%80%不重复,
#5cbcb0;
保证金:0;
高度:100vh;
}
小心使用CSS

额外的条纹说明您不仅创建了3个形状,还创建了另一个形状。如果只想创建3个形状,则只需要4个值,而不是更多

因此,这将起作用:

div{
背景#5cbcb0;
背景:线性梯度(120度,#5CBCBB0 5%,#ffffff 5%,#ffffff 15%,#5CBCBB0 15%);
背景尺寸:593.97px 593.97px;
背景重复:无重复;
}

你想让图像和gradinet在同一个类上吗?我不想使用图像。我想在我的#横幅上加一个背景,用CSS加上白色条纹,如果可能的话,或者我不明白的话。。你能把它弄清楚吗?你能把屏幕截图或代码分享给我吗?这比Fifi从我原来的代码中修改的要少,但是白色条纹不能重复。它只能显示一次它不起作用。尝试将高度更改为400px:仍然有一点白色条纹