简易版百度首页

代码HTML:

新闻
hao123
地图
视频
贴吧
登录
设置
更多产品

百度一下

把百度设为首页
关于百度
About Baidu

©2016 Baidu

使用百度前必读
意见反馈
京ICP证030173号

------------------------------------------------------------------------------------------------------------------------------------

CSS:

body{
font:12px arial;
}

header{
overflow: hidden;
}

header nav{
width: 400px;
float:right;
}

header nav a{
margin-left: 15px;
}

/*主体部分*/
.content{
text-align: center;
}

.content img{
width:270px;
height: 129px;
}

.content input{
width: 450px;
height:34px;
}

.content button{
width:100px;
height: 38px; 有默认的2px的边框
}

footer{
padding-top:10px;
}

footer p{
text-align: center;
}

 

转载于:https://www.cnblogs.com/IceyB/p/5633908.html