怎样用DIV在背景图片上添加文字?

怎样用DIV在背景图片上添加文字?,第1张

<div id="aaa"><p>你想输入的文字</p></div>

//css 样式表

#aaa{

background-image:url(图片路径)

}

这样就是div 插入背景图片 ,div 中的 P 包含文字。

第一种方法:

添加一个DIV,采用绝对定位,图片所属DIV为基准

<div style="position:relativewidth:100pxheight:100px">

<img src="" alt="" />

<div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">

文字

</div>

</div>

第二种方法:图片作为背景图片

<div style="background:url(abc.jpg) no-repeat left top">

wenzi

</div>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11882705.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存