Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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_Html - Fatal编程技术网

Css 如何在下图中显示栅格效果?

Css 如何在下图中显示栅格效果?,css,html,Css,Html,我想得到类似于图片上的网格效果。有什么想法吗 您需要使用背景图像属性将图像应用为背景: div{ 背景图像:url('http://d1v8u1ev1s9e4n.cloudfront.net/54e5236f5ccacf314d464817'); 背景位置:中心; 背景重复:重复; 高度:200px; } 希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究,要么通过谷歌,要么通过搜索,尝试一下。如果您仍然有问题,请带着您的代码回来,并解释您尝试了什么以及为什么不起作

我想得到类似于图片上的网格效果。有什么想法吗


您需要使用
背景图像
属性将图像应用为背景:

div{
背景图像:url('http://d1v8u1ev1s9e4n.cloudfront.net/54e5236f5ccacf314d464817');
背景位置:中心;
背景重复:重复;
高度:200px;
}

希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究,要么通过谷歌,要么通过搜索,尝试一下。如果您仍然有问题,请带着您的代码回来,并解释您尝试了什么以及为什么不起作用。您正在查找CSS
背景图像
属性。@Rishitaparma:您怎么知道我没有尝试过?我确实试着用渐变选项来做这件事。我不知道应该设置哪些值。也许,我错了,梯度是做不到的。谢谢大家的回答。在这种情况下,设置背景图像是唯一的选项吗?