在網頁設計中，經常需要添加圖片和文字，并且要將文字精確定位到圖片上。這時就需要使用CSS來實現圖片定位加字。 為了讓大家更好地理解，我們先來看一下代碼： `````` 可以看到，我們首先需要給圖片容器設置一個相對定位（position: relative;），這樣才能將文字容器設置為絕對定位，并且相對于圖片容器定位。 文字容器的位置和樣式可以根據需求來設置，我們這里設置了文字在圖片底部居中（bottom: 0; left: 50%; transform: translateX(-50%);），文字大小為14px，顏色為白色，背景色為半透明黑色（color: #fff; background-color: rgba(0, 0, 0, .6);），并且添加了padding來提高文字的可讀性（padding: 5px 10px;）。 最后在圖片容器中添加圖片以及文字容器就可以了。 需要注意的是，通過這種方式添加的文字并不會隨著圖片的大小進行縮放，因此在設置文字容器的位置和大小時應該根據圖片的大小進行調整。 希望本文對大家有所幫助，如果有不清楚的地方歡迎留言討論。