CSS 是一種為 HTML 文檔添加樣式的語言，通過 CSS 可以對 HTML 元素的外觀進行控制。其中，圖片也是 HTML 中非常重要的元素之一，本文將分享一些關于如何使用 CSS 控制 HTML 圖片外觀的技巧。

首先，需要在 HTML 中插入一張圖片：

<img src="圖片路徑">

其中，src屬性指定圖片的鏈接地址。

接著，利用 CSS 對此圖片進行樣式設置。

1. 調整圖片大小

img {
width: 200px;
height: 200px;
}

通過設置圖片的寬度和高度，可以調整圖片的大小。

2. 邊框樣式

img {
border: 1px solid grey;
}

通過設置邊框寬度、邊框樣式和邊框顏色，可以為圖片添加邊框效果。

3. 圓角效果

img {
border-radius: 50%;
}

通過設置 border-radius 屬性為 50%，可以讓圖片呈現圓角效果。

4. 投影效果

img {
box-shadow: 2px 2px 3px grey;
}

通過設置 box-shadow 屬性，可以給圖片添加投影效果。

以上是使用 CSS 控制 HTML 圖片外觀的一些基本技巧，通過靈活運用這些技巧，可以讓圖片在頁面上具有更好的表現效果，增強頁面的美觀性。