css 图片选择效果 |idea css和js格式化

img:hover {
border: 1px solid #ccc;
}

上述代码使用了 hover 伪类，当鼠标悬停在图片上时，会添加一个灰色的边框。你可以根据需要调整边框的颜色和大小。

img {
box-shadow: 3px 3px #ccc;
}

上述代码使用了 box-shadow 属性，可以在图片周围创建一个阴影效果。你可以根据需要调整阴影的大小和颜色。还可以使用 inset 关键字，把阴影放在图片内部。

img:active {
transform: scale(0.9);
}

上述代码使用了 transform 属性，可以在用户点击图片时对其进行缩放。你可以根据需要调整缩放的比例。需要注意的是，这种效果只在点击时才会出现，松开鼠标后图片会恢复原样。

总的来说，在设计网站的时候，CSS 图片选择效果是非常重要的一个特性，可以为用户带来更好的交互体验。希望上述示例能够帮助你实现更加酷炫的效果。