在網頁設計中，圖片是一個重要的元素。而CSS作為網頁的樣式設計語言，可以幫助我們控制圖片的大小、位置和效果，使網頁更加美觀。
要控制圖片的樣式，我們可以使用CSS的background屬性。background屬性可以設置背景顏色、背景圖片等等。以下是一個例子：

p {
background-image: url("image.png");
background-repeat: no-repeat;
background-size: cover;
}

上面的代碼表示，將“image.png”這個圖片設置為p標簽的背景圖像，不重復呈現，保持圖片寬高比，讓圖片完全覆蓋p標簽。
如果我們想要在網頁中顯示原始圖片，我們可以使用img標簽。以下是一個例子：

上面的代碼表示，在p標簽中插入一張圖片，其路徑是“image.png”，并且在圖片無法顯示時，提供備用文本“這是一張圖片”。
我們也可以使用CSS的width屬性和height屬性來控制圖片的大小。以下是一個例子：

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

上面的代碼表示，將p標簽中的圖片的寬度設置為300個像素，高度設置為200個像素。要注意的是，如果圖片本身的寬高比與設置的寬高比不一致，圖片可能會被拉伸或壓縮，而失去原始比例。
除了以上的示例外，CSS還有很多其他的圖片控制屬性。學習并掌握這些屬性，可以幫助我們在網頁設計中更好地控制圖片的樣式，讓網頁呈現更加優美的視覺效果。