过了好久的一个静态页面的切图
写的不怎么好。学的好的希望自动略过。嘻嘻
图片
代码
<input class="wb" type="text" name="wenben" id="" value="" />
<input class="tj" type="submit" name="tj" id="" value="百度一下" />
</form>
</div>
<div class="er">
<img src="img/www.baidu.png" alt=""><br>
<span>百度</span>
</div>
</div>
<div id="footer">
<p class="top">
<a href="#">把百度设为主页</a>
<a href="#">关于百度</a>
<a href="#">About Baidu</a>
<a href="#">百度推广</a>
</p>
<p class="bottom">
2019 Baidu <a href="#">使用前必读</a> <a href="#">意见反馈</a> 京ICP证030173号    
<a href="#">京公网安备11000001000001号</a>
<img src="img" alt="">
</p>
</div>
</body>
css
*{
margin: 0;
padding: 0;
}
#header{
text-align:right;
height: 61px;
line-height: 61px;
font-size: 14px;
font-weight: bold;
}
#header a{
color: black;
margin-left:20px ;
}
#header a.gengduo{
display: inline;
width: 60px;
height: 24px;
background: #3388FF;
margin-right: 10px;
padding-bottom: 5px;
text-decoration: none;
}
#bd .logo{
text-align: center;
margin-top: 40px;
}
#bd .main{
width: 640px;
margin: 0 auto;
margin-bottom: 171px;
}
#bd .main .wb{
width: 539px;
height: 40px;
margin-top: 38px;
border: 1px solid #ccc;
padding: 0;
}
#bd .main .tj{
width: 90px;
height: 40px;
line-height: 40px;
background: #3388FF;
color: #fff;
}
#bd .er{
text-align: center;
}
#bd .er span{
font-size: 12px;
}
#footer {
display: block;
text-align: center;
line-height: 24px;
margin-top: 26px;
}
#footer .top a{
margin-left: 24px;
color: #999999;
}
#footer .bottom {
color: #999999;
}
#footer .bottom a{
color: #999999;
}