CSS作為前端開發人員必備技能之一，它不僅可以控制網頁的布局，還可以美化網頁的樣式。其中，調整圖片的樣式也是開發中常常需要使用的技能之一。

img {
max-width: 100%;
border-radius: 5px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
margin: 10px;
}

上面代碼中的`img`表示對所有``標簽應用樣式。其中，`max-width`屬性可確保圖片不會超出其容器的寬度，使圖片始終適應屏幕大小。`border-radius`屬性可以設置圖片的圓角，賦予其更為柔和的外觀。`box-shadow`屬性可添加一個淺灰色陰影效果，使圖片看起來更加立體。 `margin`屬性則用于設置圖片與頁面邊緣之間的距離，使網頁看起來更為整潔。

img:hover {
transform: scale(1.2);
}

另外，還可以使用hover偽類設置鼠標懸停時圖片的效果。上面代碼中的`transform`屬性可實現將圖片縮放1.2倍。這種方法可為網頁交互效果添加更多的動態元素。

除了上述 CSS 屬性，我們還可以通過其他屬性，例如 `filter`、`opacity` 等來調整圖片樣式。總之，通過運用 CSS 的各種樣式，我們可以使圖片更好地適應網頁，讓整個頁面更為美觀。