第十章CSS3基础

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  li{
            list-style:none;
            width:200px;
            height:30px;
        /*    border:1px solid red;*/
            float:left;
            line-height: 30px;
            text-align: center;
        }
        li:after{
            content:"";
            display: block;
            width: 1px;
            height:20px;
            margin-top:5px;
            background: linear-gradient(left,red,green,orange);
            background: -webkit-linear-gradient(left,red,green,orange);
            background: -moz-linear-gradient(left,red,green,orange);
            margin-left:200px;
            margin-top: -24px;
        }
       
        li:last-of-type:after{     
              display: none;
        }