<!doctype html> 

 

  <html> 

 

  <head> 

 

  <meta charset="utf-8"> 

 

  <title>旅游网站首页样式</title> 

 

  <style type="text/css"> 

 

  *{ margin:0px; padding:0px;} 

 

  header{ width:100%; height:70px; background-color:rgb(51,51,51); position:fixed;top:0px; z-index:9999; } 

 

  .main{ width:1215px; height:70px; margin:auto;} 

 

  ul{ list-style:none} 

 

  .logo{ width:240px; height:70px; background-color:rgb(153,204,51); float:left; text-align:center; line-height:70px;} 

 

  nav{ width:610px; height:70px; float:right;} 

 

  nav ul li{ float:left; width:122px; height:70px; line-height:70px; text-align:center} 

 

  nav ul li:hover{ background-color:#000000; cursor:pointer} 

 

  a{ text-decoration:none;color:#FFF;} 

 

  a:hover{ text-decoration:underline} 

 
 

 

  #tour{ width:1215px; height:900px; margin:80px auto; } 

 

  /*上 右 下 左 5px 10px 15px 20px;*/ 

 

  figure{ width:380px; height:285px; border:1px solid #333; border-radius:5px; padding:4px; position:relative; float:left; margin-right:15px; margin-bottom:20px;} 

 

  figure img{ width:380px; height:230px;} 

 

  figcaption{ width:100%; height:165px; font-size:14px; color:#333} 

 

  figcaption .infro1{ width:100%; height:25px; line-height:25px;} 

 

  figcaption .text{ font-size:14px; color:#000000} 

 

  figcaption .infro{ width:92px; height:26px; background-color:rgb(89,178,0); color:#ffffff; text-align:center; line-height:26px; position:absolute; top:4px;left:4px} 

 

  </style> 

 

  </head> 

 
 
 
 

  <body> 

 

  <header> 

 

  <div class="main"> 

 

  <div class="logo">公司logo</div> 

 

  <nav> 

 

  <ul> 

 

  <li><a href="#">首页</a></li> 

 

  <li><a href="#">旅游资讯</a></li> 

 

  <li><a href="#">机票订购</a></li> 

 

  <li><a href="#">风景欣赏</a></li> 

 

  <li><a href="#">公司简介</a></li> 

 

  </ul> 

 

  </nav> 

 

  </div> 

 

  </header> 

 
 
 
 

  <div id="tour"> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 
 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  <figure> 

 

  <img src="image/tour5.jpg"/> 

 

  <figcaption> 

 

  <span class="infro1"> 

 

  <span class="text"> < 曼谷-芭提雅6日游> </span>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成员自费卷 

 

  </span> 

 

  <div class="infro">国内长线</div> 

 

  </figcaption> 

 

  </figure> 

 

  </div> 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

  </body> 

 

  </html>