在寫網頁設計時，時常需要使用各種效果來裝飾頁面。而在這些效果中，圖片也是不可或缺的一部分。在某些情況下，需要在文字中加入圖片，這時候我們可以使用CSS span來實現。

首先，我們需要準備好想要加入的圖片。這里我以一張名為logo.png的圖片為例。接下來我們要指定這張圖片的尺寸、位置等等。這時，我們需要使用樣式表來實現這些效果。

img.logo{
width: 50px;
height: 50px;
}

這個樣式表會將logo.png的寬度和高度都限制在了50px。這里的.img是引用這張圖片的class屬性。接下來我們需要使用CSS span來將這張圖片插入到文本中。

這是一段文字，其中插入了一張圖片：

在這個例子中，我們在文本中插入了一張名為logo.png的圖片，并且將它的位置放在了文字中間。img標簽的alt屬性用來設置圖片的備選描述文本，這樣當圖片無法正常顯示的時候，用戶也能夠從文字中獲知圖片的內容。

CSS span是一個非常好用的工具，它可以幫助我們將不同的樣式分離出來，從而實現對不同元素的風格統一控制，讓網頁看起來更加美觀。而CSS span加圖片則可以更加豐富網頁內容，使得文字和圖片更加有機結合，從而達到更好的效果。