HTML中怎么实现给Text文本框中加入图片显示

HTML中怎么实现给Text文本框中加入图片显示,第1张

用css中的background-image标签.

<input type='text' id='tex2' style='background-image:url(bg.gif)'background-position:right bottom/>

background-position:right bottom右下显示

1、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。

2、然后通过background给div添加一张图片作为它的背景。

3、如图,通过url()来连接图片,url里面放置的就是背景图片的路径。

4、这样,保存之后文字就会覆盖在图片的上面了,而如果使用img标签,则没有这种效果。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存