直接看代码：

使用：

position:relative;   生成相对定位的元素，相对于其正常位置进行定位

position:absolute; 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。

<div class="banner">
    <img src="地址" alt="...">
    <p>输入文字</p>
</div>

<style>
.banner{position:relative;left:0;top:0;}   //对父级元素使用position: relative;
p{position:absolute;left:10%;top:20%;}     //里面的定位元素使用position: absolute

</style>

这样就可以在图片上任意位置输出自己想要的文字