CSS是前端開發中非常重要的一項技能，它可以用于修改網頁的樣式，使得網頁更加美觀和易于閱讀。其中，CSS能夠讓我們在圖片下方寫字，讓圖片與文字有更好的結合。

.image {
display: block; /* 將圖片設置為塊級元素 */
margin: 0 auto; /* 水平居中 */
}
.text {
text-align: center; /* 文字居中 */
font-size: 18px; /* 字號 */
font-weight: bold; /* 字體加粗 */
}

上面的代碼中，我們首先將圖片設置為塊級元素，這樣圖片下方才能添加文字。其次，我們將文字居中，并設置字號和加粗，使得文字更加突出。接下來，我們看一下具體的HTML結構：

<div class="container">
<img src="path/to/image.jpg" alt="圖片">
<p class="text">這里是圖片描述文字</p>
</div>

在HTML中，我們將圖片和文字都放入一個容器中，并且為文字添加了樣式class="text"。這樣，CSS中的樣式就能正確地應用到文字上，并且將它們放置在圖片下方。

在實際開發中，我們還可以添加更多的CSS樣式，如修改文字顏色、增加文字陰影等等。通過靈活運用CSS，我們可以打造出更加炫酷、富有個性的網頁設計。