Maison > interface Web > tutoriel HTML > le corps du texte

css美化文本框,求高手帮忙,求代码_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-21 09:32:35
original
1201 Les gens l'ont consulté
求高手帮忙,用css及div实现如下文本框


回复讨论(解决方案)

  这个文本框怎么做出来啊?  大家支支招呐

div底图用图片,里面放input

这个方法不行的,那样弄文本框就固定死了啊。
文本框要可以向右延伸的那种

这个方法不行的,那样弄文本框就固定死了啊。
文本框要可以向右延伸的那种呢!
我想问下,文本框里面可不可以添加多张图片啊? 
div底图用图片,里面放input

span 或div 底层+ 背景图片..设置text 边框= 0; 设置偏移..ok

图片上面叠一个文本框 
不会吗

可以这样写一个div然后设置他的背景图靠左显示,div中间放一个span然后一个背景图靠右显示,span中间来个input搞定。。。。

自己画一个漂亮一点的文本框作为背景在input上,并设border:0,背景位置调调好就ok了应该

底图用蓝色长圆条,其它文字用input span背景设置为白色,长度可调节

不是很明白你所说的“文本向右延伸撒意思”,看你发的图片,就是简单给外层div加个bg ,给input做个透明的样式 background:none;就成了,

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal