css+div中搜索框怎么写

html-css025

css+div中搜索框怎么写,第1张

.search/*整个搜索框*/{

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里面就可以了