HTML 圖片效果是網站設計中非常重要的一部分。通過合適的圖片效果，我們可以使網站更加美觀、吸引人，并提升用戶體驗。下面是一些常見的HTML圖片效果代碼：

1. 給圖片加邊框

<img src="image.jpg" alt="my image" style="border: 2px solid #000000;">

2. 圖片透明度

<img src="image.jpg" alt="my image" style="opacity: 0.5;">

3. 圖片變灰色

<img src="image.jpg" alt="my image" style="filter: grayscale(100%);">

4. 圖片縮放

<img src="image.jpg" alt="my image" style="width: 50%; height: 50%;">

5. 圖片圓角

<img src="image.jpg" alt="my image" style="border-radius: 50%;">

通過這些HTML 圖片效果代碼，我們可以輕松地實現各種效果，如給圖片加邊框、變換透明度、圖片變灰、縮放和圓角處理。不僅如此，還有各種圖片效果可以使用，我們可以根據自己的需求進行選擇。建議通過調節效果參數，不斷嘗試去優化并改進頁面。