2022
我们一起努力

css怎么设置文字在图片上面

css设置文字在图片上面的方法:

1.使用两个div分别存放图片和文字,使用绝对定位的方式将文字显示在图片上。

<!DOCTYPE html>

<html>

<head> 

</head>

<body>

<div style="position:relative;width:100px;height:100px;">

<img src="1.jpg" alt="1.jpg" />

<div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">

文字文字文字

</div>

</div> 

</body>

</html>

2.使用图片作为div的背景即可将文字显示在图片上。

<!DOCTYPE html>

<html>

<head> 

</head>

<body>

<div style="background:url(1.jpg) no-repeat left top;">

文字文字文字

</div>

</body>

</html>

赞(0)
文章名称:《css怎么设置文字在图片上面》
文章链接:https://www.fzvps.com/39388.html
本站文章来源于互联网,如有侵权,请联系管理删除,本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。

评论 抢沙发

评论前必须登录!