width:300px
height:30px
background-image: url(../images/search.gif)/*这是这个搜索框的背景*/
background-repeat: no-repeat
background-position: 50%
margin-top: 10px
margin-right: 0px
margin-bottom: 0px
margin-left: 15px
padding: 0px
overflow: hidden
clear: both
}
.search input/*用来去掉搜索框里的文本框和按钮的背景和边框,并设置并列排放*/{
border:none
background:none
float:left
}
.search_box/文本框样式/{
width:150px
height:26px
line-height:26px
padding:0px
color:#999999
text-align:left
margin-top: 2px
margin-right: 15px
margin-bottom: 0px
margin-left: 10px
float: left
}
.search_button/*按钮样式*/{
width:45px
height:27px
cursor:pointer
color:#000000
font-size: 14px
}
具体样式可根据自己的需要调整。
希望对你有所帮助。
<input name="" type="text" style="background:设置搜索框背景"/><input name="" type="button" style="background:设置按钮背景"/><div><form action="xxx.php" method="post" target="_blank" title="输入感兴趣的创业项目">
<input type="text" name="id" value="输入感兴趣的创业项目" />
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>全部金额</option>
<option>项目2</option>
<option>项目3</option>
<option>项目4</option>
</select>
<input type="submit" value="搜商机" />
</form>
</div>
你把这代码粘贴你的body里面就可以了