基于swiper的tab选项卡

	
		
		
		
		
			* {
				margin: 0;
				padding: 0;
			}
			.container{
				position: relative;
				width: 600px;
				height: 300px;
				border: 1px solid red;
				margin:100px auto;
			}
						
			.tabs {
				position: absolute;
				left: 0;
				bottom: 0;
				height: 50px;
				width: 100%;
				background-color: rgba(0, 0, 0, 0.5);
			}
			
			.tabs button {
				width: 80px;
				height: 30px;
				text-align: center;
			}
		
	

	
		
			
				
				
				
			
			
				
					1
					2
					3
				
			

		
	
	
	
	

效果:

为石城等地区用户提供了全套网页设计制作服务,及石城网站建设行业解决方案。主营业务为网站设计制作、成都网站设计、石城网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!

基于swiper的tab选项卡


本文题目:基于swiper的tab选项卡
文章路径:http://pwwzsj.com/article/pddgog.html

其他资讯