/* 图片样式 */
img {
border: 5px solid black;
box-shadow: 3px 3px rgba(0, 0, 0, 0.5);
padding: 10px;
margin: 10px;
width: 200px;
height: 200px;
}
/* 图片链接样式 */
a img {
border-color: red;
box-shadow: 5px 5px rgba(0, 0, 0, 0.5);
padding: 15px;
margin: 15px;
transition: transform 0.3s ease-in-out;
}
a:hover img {
transform: scale(1.2);
}代码中，首先定义了图片的样式，包括边框、阴影、内边距、外边距、宽度和高度。这些样式可以自由修改以适应实际需求。接下来，大家定义了链接中图片的样式。通过选择器“a img”，选择链接中的图片，并对其进行样式设定。在鼠标悬停时，图片会发生缩放的动画效果，通过定义“a:hover img”，完成鼠标悬停时的效果。
在实际应用中，大家可以将这些样式设定用于展示图片的图库、产品展示等页面，并可以通过链接为这些图片增加跳转功能，帮助用户快速访问目标页面。
总之，CSS具备非常强的表现力，可以帮助大家轻松实现不同的网页设计效果。在使用CSS时，需要尽可能发挥其最大的作用，实现更多美丽高效的网站设计。