在網頁設計中，圖片往往是一個不可或缺的元素。CSS可以幫助我們在網頁中加入圖片，并設置圖片的大小和位置。
要在CSS中加入圖片，我們可以使用background-image屬性。這個屬性允許我們將一個圖片作為一個元素的背景。
例如，我們可以在以下的代碼中加入一張名為 “bg.jpg” 的圖片：

p {
background-image: url("bg.jpg");
}

這個代碼將會把所有的“p”元素的背景設置為“bg.jpg”這張圖片。
然而，如果我們想要在文字中間加入一張圖片，我們可以使用“”標簽。這個標簽是在HTML中定義的，但是我們同樣可以使用CSS來調整它的大小和位置。
例如，我們可以在下面的代碼中加入一張名為“pic.jpg”的圖片：

p {
color: blue;
text-align: center;
}
img {
width: 200px;
height: 150px;
display: block;
margin: auto;
}
<p>這是一個段落。<img src="pic.jpg"></p>

這個代碼將會把 “pic.jpg” 這張圖片顯示在一個段落中，并把它居中在瀏覽器窗口中。
在上面的代碼中，我們使用了“<img>”標記，并使用了“src”屬性來指定要顯示的圖片。然后，我們在CSS中設置了這張圖片的寬度、高度，并把它顯示為塊級元素，并把它居中顯示。
總之，通過使用CSS，我們可以方便地在網頁中加入圖片，并調整它們的大小和位置，以使網頁更加豐富和吸引人。