我自己简单做了一个，因为上传麻烦，所以图中的我直接用文字代替，弄个背景就ok，代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 401 Transitional//EN" "<html>
<head>
<meta ;
效果如下：
可以使用<form>标签
比如经典的百度搜索框
<form action=">
更多可以去学习表单网页链接
HTML代码<form action="" method="get"><div id="search-box"> <input name="" type="text" class="input-box" /> <input name="" type="submit" value="搜索" class="button" /></div></form>CSS代码：
#search-box{width:326px;height:29px;background:url(divcss5-so-bggif) no-repeat 0 0; margin:0 auto}input-box{ float:left; width:220px; height:29px; line-height:29px; padding-left:11px; border:0; background:none; text-align:left; font-size:14px}button{ float:right; border:0; background:none; text-indent:-999px; width:70px; height:29px; cursor:pointer}html部分：
<div class="a"><input type="text" class="a1" /><input type="button" value="搜索" class="a2"></div>
css部分
a{width:300px; height:30px; background:url(背景地址) no-repeat;}
a1{width:250px;heght:24px; padding:3px; background:none; border:0;}
a2{width:50px; height:30px; background:none; border:0;}
背景应该会做吧！不会再追问！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）