a {
text-decoration: none;
color: #000; /* 可选：设置颜色 */
}
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f8f8f8;
}
.container {
max-width: 1200px;
margin: auto;
padding: 10px;
}
.product {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
margin: 10px;
text-align: center;
overflow: hidden;
transition: transform 0.3s;
flex: 1 1 10%; /* 电脑端5列 */
cursor: pointer;
}
.product1{
background: #fff;
border-radius: 8px;
margin: 10px;
text-align: center;
overflow: hidden;
transition: transform 0.3s;
flex: 1 1 10%; /* 电脑端5列 */
cursor: pointer;
}
.product:hover {
transform: scale(1.05);
}
.product img {
margin: 10px;
width: 60%;
height: auto;
}
.product-title {
font-size: 1.2em;
margin: 10px 0;
}
.products {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
@media (max-width: 768px) {
.product {
font-size: 0.8em;
flex: 1 1 23%; /* 移动端3列 */
}
.product1 {
font-size: 0.8em;
flex: 1 1 23%; /* 移动端3列 */
}
}