body {
background: f8f9fa;
margin: 0;
padding: 20px;
fontfamily: Arial, sansserif;
}
h1 {
textalign: center;
marginbottom: 30px;
}
.gallery {
display: grid;
gridtemplatecolumns: repeat(autofit, minmax(300px, 1fr));
gridgap: 20px;
padding: 20px;
}
.imagebox {
border: 1px solid ddd;
padding: 10px;
textalign: center;
cursor: pointer;
}
.imagebox img {
maxwidth: 100%;
marginbottom: 10px;
}
.description {
margintop: 10px;
textalign: justify;
}
a {
color: blue;
textdecoration: none;
}
a:hover {
textdecoration: underline;
}
精选美食海鲜图片
function openImage(index) {
alert(`打开图片编号 ${index 1}:【海鲜图片详情】`);
}