img { width: 100%; height: auto; border-radius: 5px; box-shadow: 2px 2px 5px #ccc; }
在上述代码中,width: 100% 和 height: auto 可以根据网页的布局,自适应调整图像的尺寸。border-radius 可以调整图像的边框圆角,使其看起来更加美观。
box-shadow 则可以加入投影效果,让图像在网页上呈现出更加立体的感觉,增强视觉效果。这些属性的灵活应用,可以根据网页的需要进行调整,达到最佳的展示效果。