.container {
maxwidth: 1200px;
margin: 0 auto;
textalign: center;
padding: 50px;
}
.imgcontainer {
display: grid;
gridtemplatecolumns: repeat(4, 150px);
gap: 20px;
justifycontent: center;
}
.imgwrap {
border: 1px solid ccc;
padding: 10px;
boxshadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
img {
width: 100%;
maxwidth: 100px;
cursor: pointer;
}
h2 {
margintop: 20px;
textalign: center;
}
a {
color: blue;
textdecoration: none;
margintop: 10px;
}
在这个HTML代码中,我创建了一个展示健美秧歌舞图片的网格布局,每个图片都有一个缩略图和一个"查看大图"的链接。你可以根据实际的图片资源替换``等链接。如果需要,可以添加更多的图片。记得保持图片的版权和使用许可,如果需要商业使用,可能需要获取版权所有者的授权。