css 怎么选中图片放大 |css样式创建首页

/* 1. 使用id选择器选中图片 */
#img {
width: 200px;
height: 150px;
transition: transform 0.3s ease;
}
#img:hover {
transform: scale(1.2);
}
/* 2. 使用class选择器选中图片 */
.img {
width: 200px;
height: 150px;
transition: transform 0.3s ease;
}
.img:hover {
transform: scale(1.2);
}
/* 3. 使用标签选择器选中图片 */
img {
width: 200px;
height: 150px;
transition: transform 0.3s ease;
}
img:hover {
transform: scale(1.2);
}

在以上代码中，对于每个选中的图片，可以设置其宽度和高度，并添加CSS过渡效果。同时，在鼠标悬停时，可以通过transform属性的scale函数来达到放大效果。

对于使用id和class选择器选中图片的方式，需要在HTML代码中为对应的图片元素添加对应的id或class。使用标签选择器选中图片的方式则会影响所有含有img标签的图片，需要根据实际情况慎重选择。

总之，通过上述方法可以轻松为网页中的图片添加放大效果，提升用户体验。