在網頁設計中，經常需要在圖片上編寫文字，這時我們可以使用CSS技術來實現。下面我們將介紹如何使用CSS來將文字放置在圖片上。

.post{
position:relative;
width: 300px;
height: 300px;
} 
.post img{
width: 100%;
height: 100%;
display:block;
}
.post p{
position:absolute;
bottom: 10%;
left: 10%;
color: #FFF;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}

以上是一個簡單的CSS代碼示例，我們可以發現，使用了position:relative屬性對.post元素進行了定位，使得它可以在上面添加任意數量的絕對定位后的元素。同時通過“bottom”和“left”自定義文字出現的位置。

字體顏色的設置由“color”屬性控制，“font-size”和“font-weight”屬性則可以設置文字大小和粗細，而“text-shadow”屬性可以為其添加陰影效果。

需要注意的是，在CSS中，通過使用“z-index”屬性可以調整不同元素的顯示順序，確保文字不會被圖片遮擋。

通過上述方法，我們可以在圖片上輕松添加文字。