在網頁設計中，我們常常需要在文字中插入圖片，以達到一定的視覺效果。而實現這一點的方法，則是使用CSS中的background屬性。 在HTML文檔中，我們可以使用p標簽來定義段落。但是，如果我們直接在p標簽內部插入img標簽，則圖片將會在文字之上，影響閱讀體驗。因此，我們需要使用CSS來控制圖片的位置和大小。 下面是一個例子，展示了如何在p標簽中插入圖片：

p {
background-image: url("image.jpg");
background-size: cover;
background-position: center;
padding: 50px;
}

在這個代碼中，我們使用background-image屬性來設置圖片的路徑。使用background-size屬性來控制圖片的大小，cover表示圖片將會填充整個p標簽。而background-position屬性則可以控制圖片的位置，這里我們將其居中顯示。最后，使用padding屬性來為p標簽添加內邊距，以使文字不會與圖片重疊。 通過這些設置，我們可以在HTML文檔中輕松插入圖片，并且不會影響到閱讀體驗。另外，這種方法還能讓我們實現更加復雜的布局效果，例如背景圖片重復平鋪、不同位置的圖片等等。