2019-04-18课后作业(二) 商品分类列表

1..png

.HTML

    
        
        
        
        
    
    
        

            
            

                
 酒水、饮料
                
 进口食品
                
 休闲零食
                
 地方特产
                
 保健、冲调
                
 粮油、生鲜
                
 美容洗护
                
 清洁洗涤
                
 母婴、纸品
                
 家居百货
            
        
    

.CSS

*{
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    
}

ul{
    list-style: none;
    border-width: 2px;
    border-style: solid;
    border-color:#F89A26;   
}
li{
    font-size: 16px;
    font-weight:bold;
    color:#505050;
    line-height: 24px;
    margin-top: 10px;
    padding-left: 12px;
    padding-bottom: 5px;
    border-bottom-style: dotted;
    border-bottom-width: 2px;
    border-bottom-color: #505050;
}
a{
    text-decoration: none;
    color:#505050;
    background-repeat: no-repeat;
    background-position: 2px 0px;
}
a:hover{
    color:#C9490A;
    
    background-repeat: no-repeat;
    background-position: 2px 0px;
}

#list{
    width: 360px;
    margin: 0px auto;
}