Linux 拨号vps windows公众号手机端

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

lewis 6年前 (2019-03-27) 阅读数 13 #程序编程
文章标签 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>


版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门