54-html页面小项目------------新疆行之书

html代码：

 

  

  

    

      
首页
      
新疆简介
      
风土人情
      
吃在新疆
      
路线选择
      
自助行
      
摄影摄像
      
旅游精选
      
资源下载
      
雁过留声
    
    

  
  

    

      
天气查询
      

        
乌鲁木齐   雷阵雨 20℃-31℃
        
吐鲁番   多云转阴 20℃-28℃
        
喀什   阵雨转多云 25℃-32℃
        
库尔勒   阵雨转阴 21℃-28℃
        
克拉玛依   雷阵雨 26℃-30℃
      
      

    
    

      
今日推荐
      

        

        
喀纳斯河
        

        
布尔津
        

        
天山之路
      
      

    
  
  

    

    

      
 
      

        

        

        

        

      
      

    
    

      
 
      

        
吐鲁番－－库尔勒－－库车－－塔中－－和田－－喀什
        
乌鲁木齐－－天池－－克拉玛依－－乌伦古湖－－喀纳斯
        
乌鲁木齐－－奎屯－－乔尔玛－－那拉提－－巴音布鲁克
        
乌鲁木齐－－五彩城－－将军隔壁－－吉木萨尔
      
      

    
  
  

    

      
新疆地图
      

      

    
    

      
小吃推荐
      

        
17号抓饭
        
大盘鸡
        
五一夜市
        
水果
      
      

    
    

      
宾馆酒店
      

        
美丽华大饭店
        
海德大饭店
        
银都大饭店
        
鸿福大饭店
        
友好大饭店
        
棉麻宾馆
        
电信宾馆
      
      

    
  
  

    
艾萨克 ©版权所有 [email protected]
  

css部分：

body{
	background-color:#2286c6;
	margin: 0px;
	padding:0px;
	text-align:center;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#container{
	position:relative;
	margin:0px auto 0px auto;
	width:780px;
	text-align:left;
}
div br{
	display:none;
}
#globallink{
	margin:0px; padding:0px;
}
#globallink ul{
    list-style:none;
	padding:0px; margin:0px;
}
#globallink li{
	float:left; 
	text-align:center;
	width:78px;	
}
#globallink a{
	display:block;
	padding:9px 6px 11px 6px;
	background:url(images/button1.jpg) no-repeat;
	margin:0px;
}
#globallink a:link, #globallink a:visited{
	color:#004a87;
	text-decoration:underline;
}
#globallink a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	background:url(images/button1_bg.jpg) no-repeat;
}

#left{
	float:left;
	width:200px;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px 0px 5px 0px;
	color:#d8ecff;
}
#left div{
	background-color:#5ea6eb;
	margin:0px 5px 0px 5px;
}
#weather{
	background:url(images/weather.jpg) no-repeat -5px 0px;
	margin:0px 5px 0px 5px; 
	background-color:#5ea6eb;
}
div#left #weather h3{
	font-size:12px;
	padding:24px 0px 0px 74px;
	color:#FFFFFF;
	background:none;
	margin:0px;
}
div#weather ul{
	margin:8px 5px 0px 5px;
	padding:10px 0px 8px 5px;	
	list-style:none;
}
#weather ul li{
	background:url(images/icon1.gif) no-repeat 0px 6px;
	padding:1px 0px 0px 10px;
}
#left div h3{
	font-size:12px;
	padding:4px 0px 2px 15px;
	color:#003973;
	margin:0px 0px 5px 0px;
	background:#bbddff url(images/icon2.gif) no-repeat 5px 7px;
}
#today{
	padding:0px 0px 10px 0px;
}
#today ul{
	list-style:none;
	margin:-5px 0px 0px 0px;
	padding:0px;
}
#today ul li{
	text-align:center;
}
#today ul li img{
	border:1px solid #FFFFFF;
	margin:8px 0px 0px 0px;
}
#today ul li a:link, #today ul li a:visited{
	color:#d8ecff;
	text-decoration:none;
}
#today ul li a:hover{
	color:#FFFF00;
	text-decoration:underline;
}

#middle{
	background-color:#FFFFFF;
	margin:0px 0px 0px 2px;
	padding:5px 0px 0px 0px;
	width:400px; float:left;
}
#middle div{
	margin-left:5px;
	margin-right:5px;
	position:relative;
}
#middle h3{
	margin:0px; padding:0px;
	height:41px;
}
#middle h3 span{
	display:none;		/* 文字去掉，换成图片 */
}
#beauty{
	margin:15px 0px 0px 0px;
	padding:0px;
}
#beauty h3{
	background:url(images/picture_h1.gif) no-repeat;
}
#beauty ul, #route ul{
	list-style:none;
	margin:8px 1px 0px 1px;
	padding:0px;
}
#beauty ul li{
	float:left;
	width:97px;
	text-align:center;
}
#beauty ul li img{
	border:1px solid #4ab0ff;
}
#route{
	clear:both; margin:0px;
	padding:5px 0px 15px 0px;
}
#route h3{
	background:url(images/route_h1.gif) no-repeat;
}
#route ul li{
	padding:3px 0px 0px 30px;
	background:url(images/icon1.gif) no-repeat 20px 7px;
}
#route ul li a:link, #route ul li a:visited{
	color:#004e8a;
	text-decoration:none;
}
#route ul li a:hover{
	color:#000000;
	text-decoration:underline;
}

#right{
	float:left;
	margin:0px 0px 1px 2px;
	width:176px;
	background-color:#FFFFFF;
	color:#d8ecff;
}
#right div{
	position:relative;
	margin-left:5px;
	margin-right:5px;
	background-color:#5ea6eb;
}
#right div h3{
	font-size:12px;
	padding:4px 0px 2px 15px;
	color:#003973;
	margin:0px 0px 5px 0px;
	background:#bbddff url(images/icon2.gif) no-repeat 5px 7px;
}
#map{
	margin-top:5px;	
}
#map p{
	text-align:center;
	margin:0px;
	padding:2px 0px 5px 0px;
}
#map p img{
	border:1px solid #FFFFFF;
}
#food{
	padding-top:10px;
}
#food ul, #life ul{
	list-style:none;
	padding:0px 0px 10px 0px;
	margin:10px 10px 0px 10px;
}
#food ul li, #life ul li{
	background:url(images/icon1.gif) no-repeat 3px 9px;
	padding:3px 0px 3px 12px;
	border-bottom:1px dashed #EEEEEE;
}
#food ul li a:link, #food ul li a:visited, #life ul li a:link, #life ul li a:visited{
	color:#d8ecff;
	text-decoration:none;
}
#food ul li a:hover, #life ul li a:hover{
	color:#000000;
	text-decoration:none;
}
#life{
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
}

#footer{
	background-color:#FFFFFF;
	margin:1px 0px 0px 0px;
	clear:both;
	position:relative;
	padding:1px 0px 1px 0px;
}
#footer p{
	text-align:center;
	padding:0px;
	margin:4px 5px 4px 5px;
	background-color:#5ea6eb;
}
#footer p a{
	color:#FFFFFF;
	text-decoration:none;
}

 

图片下载地址：http://download.csdn.net/detail/u010653050/6666495

上面的地址不知道因为什么原因，文件不能进行下载了，所以现在贴上百度网盘的地址

https://download.csdn.net/download/u010653050/11446840