使用CSS可以使文字显示在图片上方或下方。下面我们来看一下如何实现文字显示在图片上方。 首先，我们需要一个具有相对定位的容器。容器需要设置宽度来限制图片的大小，同时指定相对定位是为了让后面的绝对定位元素可以在其中定位。 接下来，我们需要一个图片元素。让图片元素以块级元素的形式显示，并通过设置最大宽度和自动高度使图片按比例缩放，不会出现变形的情况。 最后，我们添加一个绝对定位的段落元素。通过设置段落元素的位置和文本属性来让文字显示在图片上方。使用transform: translate(-50%,-50%);将段落元素向左向上移动50%的距离，实现居中定位。同时设置背景为半透明的黑色，让文字更加突出。 通过使用以上的CSS样式，我们就可以实现文字显示在图片上方的效果啦！