CSS把文字移动到图片上

前端 专栏收录该内容
46 篇文章 0 订阅

用CSS往图片上嵌入文字有二种方法,分别如下:

第一种方法

添加一个DIV,采用绝对定位,图片所属DIV为基准。

参考代码如下:

<div style="position:relative;width:100px;height:100px;">
    <img src="" alt="" />
    <div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
        文字
    </div>
</div>

第二种方法

图片作为背景图片。
参考代码如下:

<div style="background:url(abc.jpg) no-repeat left top;">
    wenzi
</div>
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 像素格子 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值