Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.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
Html 背景图像仅在CSS网格的一列上?_Html_Css_Css Grid - Fatal编程技术网

Html 背景图像仅在CSS网格的一列上?

Html 背景图像仅在CSS网格的一列上?,html,css,css-grid,Html,Css,Css Grid,div{ 显示:网格; 宽度:100%; 网格模板柱:60%40%; 边框:1px纯棕色; } .gridItem{ 宽度:100%; 高度:50px; 网格柱:2/3; 边框:1px纯橙 } 测试1 测试2 测试3 将其应用于整个网格并控制其大小 .box{ 显示:网格; 网格模板柱:60%40%; 边框:1px纯棕色; 背景: 网址(https://picsum.photos/id/104/800/800) 左//*在左边*/ 60%自动/*仅占宽度的60%*/ 不重复;/*不重复*/

div{
显示:网格;
宽度:100%;
网格模板柱:60%40%;
边框:1px纯棕色;
}
.gridItem{
宽度:100%;
高度:50px;
网格柱:2/3;
边框:1px纯橙
}

测试1

测试2

测试3


将其应用于整个网格并控制其大小

.box{
显示:网格;
网格模板柱:60%40%;
边框:1px纯棕色;
背景:
网址(https://picsum.photos/id/104/800/800) 
左//*在左边*/
60%自动/*仅占宽度的60%*/
不重复;/*不重复*/
}
.gridItem{
宽度:100%;
高度:50px;
网格柱:2/3;
边框:1px纯橙
}

测试1

测试2

测试3


非常感谢您。祝你今天愉快:)