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

css

491

2021/3/11 17:01:23

栏目: 编程语言

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>

辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

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

最新知识库

相关标签