介紹： 對于網頁設計來說，如何讓文字和圖片協調搭配是一門必不可少的技能。在網頁設計中，文字作為信息傳達的重要媒介，在圖片上面展示文字是非常常見的需求。本文將介紹使用CSS實現文字在圖片上面布局的方法。 實現方法： 首先，我們需要在HTML中嵌入一張圖片和一段文字：

這是一段文字

然后，使用CSS設置圖片和文字的樣式： img { float: left; margin-right: 10px; } p { position: relative; top: -50px; /*根據實際需要進行調整*/ } 在上述代碼中，我們使用了float屬性來設置圖片的浮動，使得文字可以緊貼在圖片的旁邊展示。同時，使用了relative屬性來設置段落的位置，使得文字可以覆蓋在圖片的上面。 可以看到，通過上述CSS代碼的設置，文字可以成功的展示在圖片的上面，達到了我們想要的效果。 代碼示例：

img {
float: left;
margin-right: 10px;
}
p {
position: relative;
top: -50px;
}

總結： 在網頁設計中，將文字展示在圖片上面是非常常見的應用場景。通過使用CSS設置圖片和文字的樣式，我們可以很方便地實現這個需求。同時，我們可以根據實際需要進行調整，讓頁面效果更加優美。