效果图：
HTML代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>polo360练习</title>
<!--引用reset.css用来清除浏览器的默认样式-->
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<!--引入page-index-->
<link rel="stylesheet" type="text/css" href="css/page-index.css"/>
</head>
<body>
<!--创建头部div header-->
<!--header的开始-->
<div class="header w">
<!--创建一个导航条-->
<ul class="nav">
<li>
<a href="#">HOME</a>
<p>Back to home</p>
</li>
<li>
<a href="#">PRODUCTS</a>
<p>What we have for you</p>
</li>
<li>
<a href="#">SERVICES</a>
<p>Things we do</p>
</li>
<li>
<a href="#">BLOG</a>
<p>follow our updates</p>
</li>
<li>
<a href="#">CONTACT</a>
<p>Ways to reach us</p>
</li>
</ul>
<!--在div中设置logo-->
<div class="logo">
<a href="#" title="一个很好的网站">
<img src="img/logo.png" alt="网站的logo" />
</a>
</div>
</div>
<!--header结束-->
<!--banner开始-->
<div class="banner w">
<img src="img/ba