body {
fontfamily: Arial, sansserif;
margin: 20px 50px;
}
h1 {
textalign: center;
color: 333;
}
.imagegrid {
display: grid;
gridtemplatecolumns: repeat(autofill, minmax(300px, 1fr));
gridgap: 20px;
margintop: 30px;
}
.imageitem {
position: relative;
overflow: hidden;
borderradius: 10px;
boxshadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.imageitem img {
width: 100%;
height: auto;
display: block;
}
.imagecaption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
backgroundcolor: rgba(0, 0, 0, 0.7);
color: fff;
padding: 10px;
textalign: center;
}
健美衣搭配示例