CSS是一種層疊樣式表，它可以控制網頁的外觀和布局。其中，插入圖片也是CSS的一種基本技能。在使用CSS插入圖片之前，我們需要確定圖片的位置和大小。 首先，我們需要在HTML代碼中插入圖片的位置，一般使用img標簽來實現。比如：

<img src="img/test.jpg" alt="測試圖片">

這里，src屬性表示圖片的路徑，可以是相對路徑或絕對路徑，alt屬性則表示圖片的描述信息，可以不填寫或者填寫一個簡短的文字說明。 接著，我們就可以使用CSS來控制圖片的位置和大小了。可以通過設置img元素的width和height屬性，也可以使用CSS的background屬性來實現。比如：

img {
　　width: 500px;
　　height: 300px;
}

或者：

div {
　　background: url(img/test.jpg) no-repeat;
　　width: 500px;
　　height: 300px;
}

這里，我們使用了div元素，并通過background屬性來設置背景圖片。同時，也設置了div元素的寬度和高度。 需要注意的是，在使用CSS插入圖片時，圖片的位置和大小往往受到盒模型的影響，因此需要仔細調整和測試。另外，在使用CSS插入圖片時，也要避免過多的HTTP請求和圖片體積過大的問題，以提高網頁的性能和響應速度。 總之，使用CSS插入圖片是網頁開發的一項基本技能，掌握好它，可以讓我們的網頁更加美觀和實用。