在開發移動端網頁時，圖片是不可避免的要素之一。對于圖片的處理，我們通常會使用 CSS 進行控制，下面就介紹一些常用的圖片控制方式。

1. 圖片自適應：

img {
max-width: 100%; /* 圖片最大寬度為父元素的寬度 */
height: auto; /* 根據最大寬度自動調整高度 */
}

2. 圖片居中：

img {
display: block; /* 設置為塊級元素 */
margin: 0 auto; /* 水平居中 */
}

3. 圖片縮放：

img {
transform: scale(0.5); /* 圖片縮小一半 */
}

4. 圖片濾鏡：

img {
filter: grayscale(100%); /* 灰度化 */
}

5. 圖片透明度：

img {
opacity: 0.5; /* 50% 透明度 */
}

6. 圖片邊框：

img {
border: 2px solid #ccc; /* 2px 寬度的灰色實線邊框 */
}

總結：

通過 CSS 對圖片進行控制，我們可以輕松實現圖片自適應、居中、縮放、濾鏡、透明度和邊框等效果。這些效果在移動端網頁開發中經常會用到，希望這些代碼能為您的開發帶來便利。