本文共 1077 字，大约阅读时间需要 3 分钟。

css——列表样式

列表样式练习

    
           
   
   
    
    
全部商品分类
    
    
        
     
            图书            音像            数字商品        
        
     
            家用电器            手机            数码        
        
     
            电脑            办公        
        
     
            家居            家装            厨具        
        
     
            服饰鞋帽            个性化妆        
        
     
            礼品箱包            钟表            珠宝        
        
     
            食品饮料            保健食品        
        
     
            彩票            旅行            充值            票务        
    
    
   

#nav{     width:300px;  background:#C0C0C0;}.title{        font-size:18px;  /*字体大小*/     font-weight:bold;  /*粗体*/     text-indent:2.8em;  /*首行缩进*/     line-height:35px;   /*行高*/     background:red;}/*list-style用法:  none:去掉圆点  circle:变成空心圆  decimal:变成数字  square:变成正方形*/ul li{      height:30px;   list-style:none;   text-indent:1em;   background:#C0C0C0;}a{     text-decoration:none;/*删除下划线*/  font-size:14px;  color:black;  font-weight:bold;}a:hover{     color:#FFFF00;  text-decoration:underline;/*加下划线*/}

效果图

转载地址：http://vrov.baihongyu.com/