在網站設計中，圖片的使用是必不可少的。有時我們需要在圖片中添加一些文字描述，這時候就需要使用CSS來設置圖片里的文字。

img{
position: relative;
}
img::after {
content: attr(alt);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
color: white;
padding: 5px;
font-size: 12px;
}

CSS中的position屬性可以幫助我們控制元素的位置，這里我們使用relative來設置圖片在文檔流中的位置。然后使用偽元素::after來在圖片下方添加一個文本框。使用content屬性來獲取圖片的alt屬性，將其內容作為文本框的內容。

接下來對文本框的位置、尺寸、顏色等進行設置。將其定位在圖片的底部，并且寬度與圖片相等。使用rgba來設置背景顏色及透明度，而color則用于設置文本字體顏色。最后進行一些微調，如增加內邊距、設置字體大小等。

使用CSS來設置圖片里的文字，不僅可以讓網頁更美觀，而且可以加強圖片與文字間的聯系，提升用戶體驗。