/*设置页面的基础样式*/
*{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;}
<
自用 CSS练习:模拟百度首页搜索
最新推荐文章于 2022-05-14 17:18:48 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)