標題：CSS文字在圖片下的應用

隨著網絡技術的發展，越來越多的人開始使用圖片來裝飾自己的網站和應用程序。然而，當圖片出現在網頁中時，如何確保文字在圖片下方而不是被覆蓋或變形是一個常見的問題。CSS可以幫助解決這個問題，通過將文字與圖片組合在一起，使其始終保持在圖片下方。

CSS是一種用于設計和布局網頁的樣式表語言。通過使用CSS，我們可以為網頁添加樣式，包括字體、顏色、邊框和背景等。在CSS中，我們可以使用`position`屬性來設置文字的位置。`position: relative`設置文字為相對位置，`position: absolute`設置文字為絕對位置。

在`position: absolute`中，我們可以使用`top`和`bottom`屬性來設置文字的位置。`top`屬性用于指定文字相對于文檔流的上沿位置，`bottom`屬性用于指定文字相對于文檔流的下沿位置。

例如，我們可以使用`top: -50px`來將文字設置為相對于圖片的下沿50px位置。通過調整`top`屬性的值，我們可以控制文字的位置，確保其在圖片下方。

除了`top`和`bottom`屬性外，我們還可以使用`left`和`right`屬性來控制文字的位置。`left`屬性用于指定文字相對于文檔流的左邊緣位置，`right`屬性用于指定文字相對于文檔流的右邊緣位置。

例如，我們可以使用`left: -50px`來將文字設置為相對于圖片的左邊緣位置，`right: 50px`來將文字設置為相對于圖片的右邊緣位置。通過調整`left`和`right`屬性的值，我們可以控制文字的位置，確保其在圖片下方。

使用CSS將文字與圖片組合在一起，可以確保文字始終在圖片下方，并能夠適應不同的網頁布局。通過靈活的使用CSS，我們可以創建美觀、高效的網站和應用程序。