在網站設計中，通常會將圖片與相關文字一起呈現，以便更好地向用戶傳達信息。在這種情況下，我們可以使用CSS來將文字賦予圖片下方。

要實現這一效果，我們可以使用position和z-index屬性將文字放置在圖片下方。為了讓整個效果更加穩定，我們還可以使用padding屬性為文字和圖片之間添加一定的間距。

.img-container {
position: relative;
width: 100%;
height: 200px;
margin: 0 auto;
}
.img-container img {
width: 100%;
height: 100%;
}
.img-container p {
position: absolute;
bottom: 0;
left: 0;
z-index: 999;
width: 100%;
padding: 10px;
color: #fff;
font-size: 24px;
font-weight: bold;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
}

上面的代碼示例中，.img-container是包含圖片和文字的容器，其中圖片使用了寬度和高度為100%的絕對定位，以便適配容器的大小。而文字則使用position屬性和bottom、left屬性在容器的底部居中顯示。

最后我們可以設置透明的背景色和文字顏色，以便更好地與圖片融為一體。這樣，當用戶鼠標懸停在圖片上時，就能看到圖片下方出現的文字，為網站的用戶體驗增添實用性。