怎么在图片上输入自定义文字

帆 2024-05-01 0 阅读 0 评论

  需要用到css的两个属性:

  position: relative;   相对定位,是相对于其原本的位置来定位的

  position:absolute;    绝对定位,是相对于最近的且不是static定位的父元素来定位

  <style type="text/css">
  *{margin:0; padding: 0;}
  .banner_1{position: relative;} /* 相对定位 */
  div p{
  position: absolute;    /* 绝对定位 */
  left: 20px;
  top:30px;
  color: red;
  }
  </style>
  <body>
  <div class="banner_1">
  <img src="images/mt5.jpg">
  <p>这是图片上的文字</p>
  </div>
  <div class="cs">1111111111111</div>
  </body>

  如此我们就可以随意的输出我们想要的文字,如果你还想要一点特效或者动画,可以为该文字便签添加class或者id来实现

本文来源:重庆seo博客

本文地址:https://www.focusonseo.cn/html/79.html

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

相关文章

上一篇:css光标

下一篇:什么是CDN?