文章摘要：css怎么设置文字在图片上面 css如何让文字在图片上面
css设置文字在图片上面的方法： 1.使用两个div分别存放图片和文字，使用绝对定位的方式将文字显示在图片上。 […]
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>
声明：
若非注明，本站文章源于互联网收集整理和网友分享发布，如有侵权，请联系站长处理。
文章名称：css怎么设置文字在图片上面 css如何让文字在图片上面
文章链接：http://www.7966.org/post/13493.html
转载请注明出处
