自用 CSS练习：模拟百度首页搜索

/*设置页面的基础样式*/
	*{margin: 0px;padding: 0px;}

/*设置header头部分的大小*/
	#header{width: 100%;height: 90px;}
		#header_nav{position: absolute;right: 70px;top: 26px;}
		#header_nav li{float: left;list-style-type: none;margin-left: 24px;}
		#header_nav li a{color: #333;font-size: 13px;font-weight: 700;line-height: 24px;}

/*设置main主体部分的大小*/
	#main{width: 100%;height: 595px;text-align: center;}
		#img_logo{margin-top: 60px;margin-bottom: 38px;}
		input[type=text]{height: 34px;width: 539px; border: solid 1px #4992FF;background-image: url(../img/inp.png);background-repeat: no-repeat;background-position-x: 502px;background-position-y: 3px;}
		input[type=submit]{height: 42px;width: 100px;font-size: 15px;color: #fff;background-color: #2d78f4;border: solid;letter-spacing: 1px;position: relative;right: 5px;top: 2px;}

/*设置footer底部部分的大小*/
	#footer{width: 100%;height: 250px;text-align: center;}
	
/*使用伪类给标签添加样式*/
	#header_nav li a:hover{color: #2D78F4;}

<