健康的食物图片大全
body {
background: f5f5f5;
margin: 0;
padding: 20px;
fontfamily: Arial, sansserif;
}
.container {
maxwidth: 1200px;
margin: 0 auto;
textalign: center;
}
.imagegrid {
display: grid;
gridtemplatecolumns: repeat(4, 200px);
gridgap: 20px;
padding: 20px;
}
.imagecard {
border: 1px solid ddd;
borderradius: 5px;
boxshadow: 0 4px 6px rgba(0, 0, 0, 0.1);
marginbottom: 10px;
padding: 10px;
textalign: center;
transition: all 0.3s;
}
.imagecard:hover {
boxshadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.imagecard img {
width: 100%;
maxwidth: 150px;
alt: "健康食物";
}
.title {
margintop: 10px;
fontweight: bold;
}
.description {
color: 666;
margintop: 5px;
}
a {
color: 007bff;
textdecoration: none;
margintop: 15px;
}