用DIV+CSS如何实现这种表格效果


            表格效果table
 
 
      
   
   
      
      
      
   
   
      
      
      
   
   
      
      
      
   

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]表格效果div+css
 
 
 
#div1 { 
    width: 450px; 
    border-top: #000 1px solid; 
    border-left: #000 1px solid; 
} 
#div1 ul { 
    width: 450px; 
    margin: 0px; 
} 
#div1 li { 
    float: left; 
    width: 149px; 
    height: 50px; 
    list-style-type: none; 
    border-right:#000 1px solid; 
    border-bottom: #000 1px solid; 
    text-align: center; 
    line-height: 50px; 
} 
 
 
     
        1 
        2 
        3 
        4 
        5 
        6 
        7 
        8 
        9 
        10 
     

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]