今天我們來學習一下如何使用CSS內聯樣式插入圖片。CSS內聯樣式是指將CSS樣式直接寫在HTML標簽的style屬性中，來實現對這個標簽進行樣式設置的一種方式。 我們首先要寫一個img標簽，如下所示：

<img src="圖片地址" style="屬性:值;" />

其中，src表示圖片的地址，style表示樣式屬性，屬性可以是width、height、border等等，值即為屬性的具體數值。比如，我們設置圖片寬度為100px、高度為200px、邊框為1px紅色，則代碼如下：

<img src="圖片地址" style="width: 100px; height: 200px; border: 1px solid red;" />

如果我們想要設置圖片居中顯示，可以通過設置margin屬性來實現，代碼如下：

<img src="圖片地址" style="width: 100px; height: 200px; border: 1px solid red; margin: 0 auto;" />

其中，0為上下margin值，auto表示左右margin自動調整使其居中。 若我們想要給圖片加上一個超鏈接，可以將img標簽嵌套在a標簽中，代碼如下：

<a href="鏈接地址"><img src="圖片地址" style="width: 100px; height: 200px; border: 1px solid red; margin: 0 auto;" /></a>

通過以上方法，我們可以輕松地為圖片添加樣式，使其在網頁中更美觀，更符合我們的設計要求。