使用CSS可以使文字顯示在圖片上方或下方。下面我們來看一下如何實現文字顯示在圖片上方。 首先，我們需要一個具有相對定位的容器。容器需要設置寬度來限制圖片的大小，同時指定相對定位是為了讓后面的絕對定位元素可以在其中定位。 接下來，我們需要一個圖片元素。讓圖片元素以塊級元素的形式顯示，并通過設置最大寬度和自動高度使圖片按比例縮放，不會出現變形的情況。 最后，我們添加一個絕對定位的段落元素。通過設置段落元素的位置和文本屬性來讓文字顯示在圖片上方。使用transform: translate(-50%,-50%);將段落元素向左向上移動50%的距離，實現居中定位。同時設置背景為半透明的黑色，讓文字更加突出。 通過使用以上的CSS樣式，我們就可以實現文字顯示在圖片上方的效果啦！