选项卡

选项卡_第1张图片
选项卡_第2张图片
选项卡_第3张图片
CSS

.ele{
    height: 20px;
}
ul{
    list-style: none;
}
ul li {
    padding-right: 30px;
    float: left;
}
a {
    text-decoration: none;
    color: black;
}
.active a {
    border-bottom: 2px solid #F40;
}
a:hover{
    color: #f40;
}
.elec {
    width: 220px;
    margin-top: 5px;
    margin-left: 40px;overflow-x: auto;
    
}
.elec p {
    
    padding-left: 2px;
    border-left: 1px solid #f40;
    font-size: 14px;
    overflow: hidden;/*溢出隐藏*/
    text-overflow:ellipsis;/*隐藏部分显示省略号*/
    white-space: nowrap;/*文本一行显示*/
}

HTML



    
        
        tab选项卡代码
        
    
 
    
        

选项一 选项二 选项三

内容一
内容二
内容三

JS

你可能感兴趣的