Html
    Css
    Js

    
                        
.cs_top-nav {
	width:100%;
	padding-top:12px;
	display:flex;
	background:#ffffff;
}
.cs_top-nav-item {
	height:96px;
	flex:1;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#333333;
	font-size:16px;
}
.active {
	color:#0090ff;
}
.active::after {
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-32px;
	content:'';
	width:64px;
	height:4px;
	background:#0090ff;
	border-radius:2px;
}
.cs_mid-content {
	margin-top:16px;
	width:100%;
	display:flex;
	flex-direction:column;
	background:#ffffff;
}
.cs_content-item {
	height:120px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-right:32px;
	box-sizing:border-box;
	margin-left:32px;
	border-bottom:1px solid #EEEEEE;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

tab切换标签页简易代码(原创)

更新时间:2020-01-10 09:39:07

0