css怎么设置文字在图片上面
css设置文字在图片上面的方法:
1.使用两个div分别存放图片和文字,使用绝对定位的方式将文字显示在图片上。
<!DOCTYPEhtml><html>
<head>
</head>
<body>
<divstyle="position:relative;width:100px;height:100px;">
<imgsrc="1.jpg"alt="1.jpg"/>
<divstyle="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">
文字文字文字
</div>
</div>
</body>
</html>
2.使用图片作为div的背景即可将文字显示在图片上。
<!DOCTYPEhtml><html>
<head>
</head>
<body>
<divstyle="background:url(1.jpg)no-repeatlefttop;">
文字文字文字
</div>
</body>
</html>
版权声明
本文仅代表作者观点,不代表米安网络立场。
上一篇:css如何让图片宽高适应不拉伸 下一篇:如何查看Rocky Linux的启动日志
发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。