在網頁中，我們常常需要在頁面中插入圖片，這時就需要使用到HTML的<img>標簽。當然，我們也可以通過CSS對圖片進行一些樣式的處理，實現更加美觀的效果。

首先，我們來看一下如何使用<img>標簽插入圖片：

<img src="圖片路徑">

其中，src屬性指定了圖片的路徑，為必需屬性。例如：

<img src="images/sample.jpg">

除此之外，<img>標簽還有一些其他可以使用的屬性，比如width和height屬性可以指定圖片的寬度和高度：

<img src="images/sample.jpg" width="200" height="150">

接下來，我們就可以使用CSS對插入的圖片進行樣式的處理了。例如，可以通過border屬性為圖片添加邊框：

img {
border: 1px solid black;
}

這段代碼會為所有的標簽添加一個1像素的黑色實線邊框。

我們還可以通過其他的CSS屬性，例如padding和margin來進一步調整圖片的顯示效果：

img {
border: 1px solid black;
padding: 10px;
margin: 10px;
}

這時，圖片周圍就會有10像素的內邊距和外邊距了，顯得更加美觀。

總的來說，<img>標簽和CSS樣式的結合，可以使頁面中的圖片更加精美，為用戶帶來更好的瀏覽體驗。