html+css制作简易12306页面

制作匆忙很多代码细节没注意  图片都是官网扒的

html页面

	
		
		
		
		
	
	
		

			
			

				

					
				
				

					

						
						
					
					

						

							
陈卫的12306
							

							

							
登录
							
注册
						
					
				
			
			
			

				

					

						
							首页
						
					
					

						
							车票
						
						
					
					

						
							团购服务
						
						
					
					

						
							会员服务
						
						
					
					

						
							站车服务
						
						
					
					

						
							商旅服务
						
						
					
					

						
							出行指南
						
						
					
					

						
							信息查询
						
						
					
				
			
			
			

				
				

					
					

						
车票
						

							常用查询
						
						

							订餐
						
					
				    
				    

				    	
				    	

				    		

				    			
单程
				    			
往返
				    			
接续换乘
				    			
退改签
				    		
				    	
				    	
				    	

				    		
				    	
				    	
				    	

				    		

				    			出发地 
				    			
				    		
				    		

				    			到达地 
				    			
				    		
				    		

				    			出发日期 
				    			
				    		
				    		

				    			学生  	    		    			
				    			高铁/动车 
				    		
				    		

				    			查  询
				    		
				    		

				    			
				    		
				    	
				    
				
			
			
			

				

					
						重点旅客预约               
						遗失物品查找               
						    
						共享汽车               
						       
						便民托运               
						       
						车站引导               
						       
						站车风采
						               
						       
						用户反馈
					
				
			
		    
		    

		    	

		    		
		    		
		    		
		    		
		    	
		    
		    
		    

		        

		        	铁路旅游
		        	更多>>
		        	
		        
		        

		        	

		        		

		        			

		        			
“环西部火车游”高品质旅游版专线列车
		        			
¥2560
		        		
		        	
		        	

		        		

		        			

		        			
“环西部火车游”陇上江南·行摄山水
		        			
¥930
		        		
		        	
		        	

		        		

		        			

		        			
“环西部火车游”华夏寻根·人文始祖
		        			
¥980
		        		
		        	
		        	

		        		

		        			

		        			
“环西部火车游”兰州-张掖-嘉峪关
		        			
¥3380
		        		
		        	
		        	

		        		

		        			

		        			
“环西部火车游”美丽甘南三日游
		        			
¥880
		        		
		        	
		        	

		        		

		        			

		        			
“环西部火车游”茶卡，青海湖两日游
		        			
¥880
		        		
		        	
		        	

		        		

		        			

		        			
“环西部火车游” 嘉、敦煌5日游
		        			
¥2260
		        		
		        	
		        	

		        		

		        			

		        			
“环西部火车游”敦煌一地三日游
		        			
¥1380
		        		
		        	
		        
		    
		    
		    

		    	

		    		
		    		

		    			

		    				最新发布
		    			
		    			

		    				常见问题
		    			
		    			

		    				信用信息
		    			
		    		
		    		
		    		

		    			
		    			

		    				

			    				

			    					

                                                                候补购票操作说明
			    					
燃了！宣传片《新时代的中国高铁》震撼亮相
			    					
公  告 
			    					
中国铁路上海局集团有限公司关于2019年3月1日-2019年4月1日增开部分旅客列车的公告
			    					
中国有限公司关于2019年3月3日至4月2日加开K4350/1、K4352/49次的公告铁路成都局集团
			    				
		    				
		    				

		    					

			    					
2018-11-26
			    					
2018-09-15
			    					
2018-06-17
			    					
2018-03-21
			    					
2017-04-06
			    				
		    				
		    			
		    			
		    			
		    			

		    				

			    				

			    					

                                                                关于港澳居民来往内地通行证、台湾居民来往大陆通行证公司关于20公司关于20
			    					
接续换乘和选座功能使用说明
			    					
关于调整互联网、电话订票起售时间的公告
			    					
中国铁路南宁局集团有限公司关于停运、加开部分列车的公告
			    					
中国铁路武汉局集团有限公司关于2019年3月2日—31日临时加开部分旅客列车的公告
			    				
		    				
		    				

		    					

			    					
2018-11-26
			    					
2018-09-15
			    					
2018-06-17
			    					
2018-03-21
			    					
2017-04-06
			    				
		    				
		    			
		    			
		    	        

		    	    	           更多>
		    	        
		    	
		   
		    	
		    
		    
		    

		    	
		    	

		    		友情链接

		    		

		    			
		    			
		    			
		    			
		    		
		    	
		    	
		    	

		    		

		    			

		    				
中国铁路官方微信
		    				
 
		    				

		    			
		    		
		    		

		    			

		    				
中国铁路官方微博
		    				
 
		    				

		    			
		    		
		    		

		    			

		    				
12360公众号
		    				
 
		    				

		    			
		    		
		    		

		    			

		    				
铁路12360
		    				
 
		    				

		    			
		    		
		    	
		    	
		    	

		    		官方APP下载，目前铁路未授
		    			
权其他网站或APP开展类似服
		    			
务内容，敬请广大用户注意。
		    	
		    
		    
		    

		    	

		    		
		    			

		    			版权所有©2008-2018 中国铁路信息科技有限责任公司 中国铁道科学研究院集团有限公司
		    			


		    			京ICP备15003716号-3 | 京ICP证150437号
		    			
		    		
		    	
		    
		   
		    

				

					最新
发布
				
				

					联系
客服
				
				

					APP
下载
				
				

					旅客
出行
温馨
提示
			    
		    
		    
		
	

css文件

*{
	margin: 0px;
}
.divr{
	width: 50px;
	height: 85px;
}
#hov font{
	position: relative;
	top:37px;
	left: 13px;
	font-family: "微软雅黑";
	font-size: 2px;
	color: #666666;
	vertical-align:top;
}
#div1{
	position: fixed;
	right: 0px;
	top:160px;
	background:url(../img/喇叭.png) no-repeat 14px 14px;
	background-color:#EFEFEF;
} 
#div2{
	position: fixed;
	right: 0px;
	top:250px;
	background: url(../img/电话.png) no-repeat 14px 14px;
	background-color:#EFEFEF;
}
#div3{
	position: fixed;
	right: 0px;
	top:340px;
	background: url(../img/二维码.png) no-repeat 14px 14px;
	background-color:#EFEFEF;
}
#div4{
	width: 50px;
	height: 124px;
	position: fixed;
	right: 0px;
	top:430px;
	background: url(../img/捧手.png) no-repeat 14px 14px;
	background-color:#EFEFEF;
}
.wor{
	font-size: 14px;
	position: relative;
	left:-10px
}
.wor li{
	width:385px;/*设置li的宽度*/
	line-height:35px;/*设置li间的距离*/
	white-space:nowrap; /*不让文字内容换行*/
    overflow:hidden;/*文字溢出的部分隐藏起来*/
    text-overflow:ellipsis; /*用...替代溢出的部分*/
}
#div5 li{
	font-family: "微软雅黑";
	line-height: 30px;
}
.dat{
	color:darkgray;
	font-size: 12px;
}
#left_list{
	float: left;
	width:555px;
	height:175px;
	position: relative;
	top:18px;
	right:15px;
}
#right_list{
	float: right;
	width:555px;
	height:175px;
	position: relative;
	top:18px;
	right:15px;
}