Html 尝试在CSS网格中添加图像

如何将图像放入CSS网格中

这就是我想做的，但我想不出来

这是我对CSS网格的尝试：

但它并没有像我预期的那样起作用

在此图像上无法查看栅格

如果网格是可见的，则线将是红色的

完整代码：

.包裹{ 位置：相对位置； 宽度：600px； 高度：600px； 边缘顶部：45像素； 溢出：隐藏； 边界半径：25px； 背景：urlhttps://i.imgur.com/1TbGgqz.png 无重复0-600px； } .wrap svg：悬停路径{ 填充：0059dd； } .wrap svg{ 位置：绝对位置； 排名：0； 左：0； 右：0； 底部：0； 光标：指针； 填充：透明； 背景：rgba0,0,0,0.2； } iframe{ 位置：绝对位置； 排名：0； 左：0px； 光标：指针； } .wrap.playa， B.playinga{ 保证金：0； } .wrap.playb， .播放{ 利润率：0.201px 0； } .wrap.playc， .播放{ 边际：0 402×0； } .wrap.playd， .播放{ 利润率：201px 0； } .wrap.playe， .播放{ 保证金：201px 201px 0； } .wrap.playf， .播放{ 保证金：201px402px0； } .wrap.playg， .播放{ 利润率：402px0； } .wrap.play， Playing先生{ 利润率：402×201px 0； } .wrap.playi， B.playingi{ 保证金：402px402p0； } .隐藏{ 显示：无； }

---

你可以尝试使用一些梯度，以防你不能改变背景图像

.包裹{ 位置：相对位置； 宽度：600px； 高度：600px； 边缘顶部：45像素； 边框：4倍纯红； 背景色：红色； 溢出：隐藏； 边界半径：25px； 背景： 线性梯度，红色calc100%/3-1px 0%/4px 100%， 线性梯度，红色calc2*100%/3+1px 0%/4px 100%， 线性梯度，红色0%calc100%/3-1px/100%4px， 线性梯度，红色0%钙*100%/3+1px/100%4px， urlhttps://i.imgur.com/1TbGgqz.png 无重复0-600px； 背景重复：无重复； }

---

什么台词。。。图像中的这些线不是网格的一部分。在图像上。网格的线条和边框为红色。我这样做的尝试：那么从图像中删除这些线，它就被修复了不，它没有被修复，因为我希望红色网格线出现在图像上。现在，他们是幕后黑手。基本上，我所做的就是，在CSS网格中添加一个图像：线条应该是红色的，我做错了什么，无法理解。没有网格线，这是您定义的背景，该背景由图像中的线覆盖。所以技术上没有问题，因为你决定这样做。删除图像中的线条，就可以了