实验二 倒计时页面的实现 淘宝秒杀页面

商品.html

在这里插入代码片

		

			

				

					

						
今日团购     >
						 商品团
	                             >  食品保健
					
				
				

					

					查看更多同类商品
				
			
			

				

					
				
				

					

	                   百草味 酸甜芒果干120g×3袋（每个ID限购20件）
					

				     

					    
包邮  
   
					    
退货赔运费  
   
					    
前35000件24.9元
					
				
				

					

						
•     限量减3元 400余款零食超值让利，抢爆款第二件9.9元

						    •     拍下立减 同品质价更低，实在让利

						    •     限首件优惠 火速发货，快才痛快
					
				
 
				




				

					

						
						    距离结束还有：
						     
						    00时 
						    00分 
						    00秒 
					
					

							   
							   24275
							   
								      件已付款
							   
				
			
				

					

						

							

								
￥27.90    
								
¥66.80
							
						
					
					

						

	                      
					
				
				

					

						

	                          
							

							    加入购物车 
							
 
							    加入收藏
							

								分享
						
					
				

						

							

							
扫码下载手机客户端
	
							
享受手机及专属优惠机会
	
							
						
					
		
	
	
	

css.css

在这里插入代码片    li {
float: left;
list-style: none;
	    }
	    #container{
	         width: 960px;
	         height: 600px;
	         margin:0 auto;
}
#header{
	         width: 100%;
	         height: 60px;
	         border:0px dashed grey;
}

#nav_right{margin-right: 10px auto;
	        
}
#main{
			width: 100%;
			height: 360px;
			border:0px;
			border-style: solid;
	border-color: red;
}

.headerer{
			font-size: 18px;
			margin-top: -315px;
			margin-left: 359px; 
		}
		#middle{
			width:530px;
			height: 80px;
			margin-left: 320px;
			margin-top: ——4px;
			border:0px dashed red;
			float: left;
		}
	
		#table1{
			font-size: 36px;
			color: white;
			font-weight: bold;
			text-align:center;
			margin-top:-154px; 
			margin-left: 800px;
		}
		#table2{
			font-size: 15px;
			color: white;
			text-decoration: line-through;
		}
		#footer{
			height: 40px;
			float: left;
		}
		
		#footer_left ul li{
			
		
		.left1{
			
		}
	</style>
</head>

图片

产品.jpg

倒计时.jpg

二维码.jpg

分享.jpg

购物车.jpg

火花.jpg

马上抢.jpg

收藏.jpg