css中分页样式

css中分页样式

css分页样式的设置，我们可以采用ul+li来实现，设置li标签float为left，让它们排列在一行，再设置li标签里面的a标签样式。

具体实现如下：

部分css代码解释

#model14 ul {
    padding-inline-start: 0 !important;
    
}
#model14 li:first-child {
    margin-left: 0;
    
}

全部代码

    
        
        
        
            a{
                text-decoration: none;
            }
            #arrowup-center {
              display: table;
              height: 16px;
              margin: 0 auto;
            }
            
            #model14 ul {
              padding-inline-start: 0 !important;
            }
            #model14 li:first-child {
                    margin-left: 0;
                    }
            #model14 {
              float: left;
              width: 1100px;
              text-align: center;
              margin-top: 500px;
            }
            
            #model14 li {
              position: relative;
              float: left;
              list-style: none;
              margin-left: 31px;
            }
            
            #model14 li.active a {
              font-size: 16px;
              color: #2699fb;
            }
            
            #model14 li a {
              font-size: 16px;
              color: #bce0fd;
            }
            li a img {
              margin-top: -3px;
            }
        
    
    
    
        
            
                
                    
                        
                            
                        
                    
                    1
                    2
                    3
                    4
                    5
                    6
                    7
                    8
                    9
                    10