选项卡

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

    
        
        
        
    
 
    
        

            

                选项一
                选项二
                选项三
            
            
内容一
            
内容二
            
内容三
        
    
 

JS