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>
声明:本站所有作品(图文、音视频)均由用户自行上传分享,或互联网相关知识整合,仅供网友学习交流,若您的权利被侵害,请联系 管理员 删除。
本文链接:http://news.ew35.com/