1. 首页>>前端>>CSS

css在图片上输入任意内容办法

直接看代码:

使用:

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>

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

转载联系作者并注明出处:https://www.focusonseo.cn/css/44.html