Html 如何在网格中链接图像
我创建了一个包含多个图像的网格，正如您在下面的CSS中所看到的，我使用了“background image”属性，而不是HTML中的“img”标记。我希望能够点击这些图像，这样它就打开了一个网页，但从我所做的研究来看，似乎我只能使用锚标记链接图像，这将需要我在HTML中使用img标记。我已经布置好了网格本身，所以现在我需要知道我需要什么样的CSS来将每个图像放入各自的网格框中（然后我可以返回并将锚/img标记添加到我的HTML中）。请注意，我对编码非常陌生，没有任何经验或课程，所以我可能在下面的代码中有很多错误。请对我宽容点 另外，如果有人能提供正确的CSS，使网格适合我的屏幕，那就太棒了。我目前的高度设置为717px，因为这是适合我个人屏幕的高度，但显然其他人的屏幕大小不同Html 如何在网格中链接图像,html,css,css-grid,Html,Css,Css Grid,我创建了一个包含多个图像的网格，正如您在下面的CSS中所看到的，我使用了“background image”属性，而不是HTML中的“img”标记。我希望能够点击这些图像，这样它就打开了一个网页，但从我所做的研究来看，似乎我只能使用锚标记链接图像，这将需要我在HTML中使用img标记。我已经布置好了网格本身，所以现在我需要知道我需要什么样的CSS来将每个图像放入各自的网格框中（然后我可以返回并将锚/img标记添加到我的HTML中）。请注意，我对编码非常陌生，没有任何经验或课程，所以我可能在下面的
.layout{
显示：网格；
宽度：100%；
高度：717px；
网格模板柱：1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr；
网格模板行：1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr；
栅柱间隙：5px；
网格行间距：5px；
文本对齐：居中；
填充物：5px；
}
.颜色{
过渡特性：背景色；
}
.颜色：悬停{
背景色：白色；
}
.盒子{
宽度：100%；
}
.a{
颜色：白色；
背景色：#D3；
格构柱：1/2跨；
网格行：1/3跨；
背景图片：url(https://dlcdnwebimgs.asus.com/gain/E11F9021-A684-4848-98D6-6DB2841EDE5D);
背景尺寸：包含；
背景重复：无重复；
背景位置：中心；
显示：块；
}
A.
B
C
E
F
G
H
我
K
计算机部件
M
o
P
Q
<a class="box" href="http://example.com">text</a>