css美化文本框，求高手帮忙，求代码_html/css

回复讨论(解决方案)

首頁

web前端

html教學

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:32 AM

求高手帮忙，用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;就成了，

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7852

Java教學

1649

CakePHP 教程

1403

Laravel 教程

1300

PHP教程

1241

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

了解HTML，CSS和JavaScript：初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

Gitee Pages靜態網站部署失敗：單個文件404錯誤如何排查和解決？ Apr 04, 2025 pm 11:54 PM

GiteePages靜態網站部署失敗：404錯誤排查與解決在使用Gitee...

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。