html静态网页实例二（附完整代码）

这个例子是一个旅游网页，参考别人模板修改的

效果图：

参考代码：

doctype html>

 
  
  
  
  
  
  Document
	
		#mTitle{
			background:url(xinjiang/button1.jpg) repeat-x;
			height:28px;
			border-bottom:1px solid #A56AFF;
		}
		body{
			background-color:#A56AFF;
		}
		a{
			text-decoration:none;
			padding-left:12px;
		}
		#mWeather{
			background-color:#5EA6EB;
			line-height:23px;
			font-size:16px;
		}
		#mWeather p{
			background:url(xinjiang/weather.jpg) no-repeat;
			background-size:200px 41px;
			line-height:40px;
			font-size:25px;
			padding-left:65px;
			margin:0px;
		}
		.mTui{
			background-color:#5EA6EB;
			text-align:center;
		}
		.mBg{
			background:url(xinjiang/button1.jpg) repeat-x;
		}
		.mIcon{
			background:url(xinjiang/icon2.gif) no-repeat left bottom;
			padding-left:10px;
			font-size:20px;
		}
		.mImg{
			padding-left:11px;
		}
		#mLine{
			line-height:25px;
		}
		ul{
			list-style:none;
			padding:0px;
			margin:0px;
			background-color:#5EA6EB;
		}
		ul li{
			padding-left:10px;
			line-height:26px;
			border-bottom:1px dashed;
		}
		#mBottom{
			background-color:#5EA6EB;
			text-align:center;
			border-top:1px solid #A56AFF;
		}
		#mBottom span{
			color:white;
			
		}
		#mCenter{
			border-left:1px solid #A56AFF;
			width:410px;
		}
		#mRight{
			border-left:1px solid #A56AFF;
			width:150px;
		}
	
 
 
	 
		
		
				首页
				走进民族
				民族概况
				吃在新疆
				路线选择
				特色线路
				户外探险
				精彩游记
				付款方式
				给我留言
			
		
		
			
				
					
							天气查询
							乌鲁木齐 晴转阴25℃-35℃
							喀什 阵雨转多云25℃-32℃
							吐鲁番 多云转阴20℃-28℃
							库尔勒 阵雨转阴21℃-28℃
							卡拉玛依 雷阵雨26℃-30℃
						
					
					今日推荐
					
						香木河
					
					
						白巴哈
					
					
						乔戈里峰
					
					
				
			
			
				
					
					
					
							
							
							
							
						
					
					
					
							  果子沟—赛里木湖—那拉提大草原—霍尔果斯口岸
							  喀纳斯—禾木河—克拉玛依—乌伦古湖—喀纳斯
							  乌鲁木齐—奎屯—乔尔玛—那拉提—巴音布鲁克
							  库尔勒—博斯腾湖—将军戈壁—天池
						
					
				
			
			
				
					新疆地图
					
					
					特色美食
					
							
								大盘鸡
								窝窝馕
								芝麻馕
								哈密瓜
							
						
					
					新疆住宿
					
							
								马航国际酒店
								亚中亚大酒店
								银都大饭店
								如意大饭店
								好友大酒店
								王朝宾馆
								神望宾馆
							
						
					
				
			
		
		网页爱好者©版权所有 2020-2025
				联系我们2835809579@qq.com