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

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>


我们的服务
专业提供中小企业网站建设.公司网站建设.外贸网站建设.营销型网站建设,响应式网站建设,商城网站定制,手机网站,微信小程序定制.php应用开发服务,公司成立于2014年,8年专注网站建设,秉承“以客户为根本,以科技为核心,以市场为导向”的经营理念;服务电话13714666846(微信同号)

声明:本站所有作品(图文、音视频)均由用户自行上传分享,或互联网相关知识整合,仅供网友学习交流,若您的权利被侵害,请联系 管理员 删除。

本文链接:http://news.ew35.com/