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
非常感谢您。祝你今天愉快:)