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

帆 2024-04-30 0 阅读 评论

  直接看代码:

  使用:

  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>

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

文章声明:以上内容(如有图片或视频亦包括在内)除非注明,否则均为时光荏苒原创文章,转载或复制请以超链接形式并注明出处。