css怎么在图片上加文字?

css在图片上添加文字的方法:
1、使用两个div分别放图片和文字,采用绝对定位并以图片所属div为准,即可将文字添加到图片上。
2、以图片做背景,然后文字就可以添加到图片上。

css在图片上添加文字的方法:

第一种方法:添加一个DIV,采用绝对定位,图片所属DIV为基准

<div style="position:relative;width:100px;height:100px;">
<img src="https://www.um80.com/wp-content/uploads/2020/08/e2961a71f0ae119.jpg" />
<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字文字文字文字文字文字文字
</div>
</div>

第二种方法:图片作为背景图片

<div style="background:url(https://www.um80.com/wp-content/uploads/2020/08/e2961a71f0ae119.jpg) no-repeat left top;">
文字文字文字文字文字文字
</div>

原文链接:https://www.um80.com/357.htm,转载请注明出处。

1
金秋上云特惠新人专享

评论0

本站所有素材,站长均亲自测试过,可放心使用,有什么问题联系我们!18091738064(微信)

社交账号快速登录

Copyright   ©2017-2021  U码80  陕ICP备17013443号-1  

陕公网安备 61032402000158号