“百度一下”搜索案例

学会看标签写样式（这个很重要）
学会看标签写样式（这个很重要）
学会看标签写样式（这个很重要）
学会看标签写样式（这个很重要）

接下来看html代码

<div id="main">
    	<div id="left"><img src="images/2.png" ></div>
    	<div id="zhong">
    		<form action="Save.jsp" name="Search" method="post">
    			<input type="text1" name="搜索关键字" >
    		</form>
    	</div>
    	<div id="right">
    		<form action="Save.jsp" name="Search" method="post">
    			<input type="submit" value="百度一下" name="百度一下" >
    		</form>
    	</div>
    </div>

css样式

*{
			margin: 0px;
			border: 0px;
			padding: 0px;
		}
		body{
			background-color: #FFFFFF
		}
		#main{
			width: 1000px;
			height: 100px;
			margin: 0 auto;
			margin-top: 300px;
		}
		#left{
			width: 200px;
			height: 100px;
			float: left;
		}
		#left img{
			float: right;
			width: 154px;
			height: 66px;
		}
		#zhong{
			width: 600px;
			height: 100px;
			float: left;
		}
		#zhong input{
			width: 600px;
			height: 30px;
			margin-top: 30px;
			border: 2px solid #73ccec;
			font-size: 55;

		}
		#right{
			width: 200px;
			height: 100px;
			float: left;
		}
		#right input{
			width: 126px;
			height: 33px;
			margin-top: 30px;
			margin-left: 10px;
			background-color: #0198cd;
			color: white;
			font-size: 10;
		}