css在图片上实现按钮功能

帆 2024-04-30 0 阅读 0 评论
  <div class="banner_1">
  <img src="../../skin/images/fj.png">
  <p>这是图片上的文字</p>
  <div class="lijixiazai">立即下载</div>
  </div>
  .banner_1{position: relative;} /* 相对定位 */
  div p{
  position: absolute;    /* 绝对定位 */
  left: 20px;
  top:30px;
  color: red;
  }
  .lijixiazai{
  position:absolute;
  left:70px;
  top:200px;
  background-color: mediumvioletred;
  padding:5px;
  cursor:pointer;
  }

  主要是需要用到:position熟悉来进行定位

css在图片上实现按钮功能


本文来源:重庆seo博客

本文地址:https://focusonseo.cn/css/65.html

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