页面的效果 

 

页面的css

 

1 @CHARSET "UTF-8"; 2 *{ 3     margin:0; 4     padding:0; 5 } 6 body{ 7     width:800px;     8     margin:0 auto; 9     border:1px solid green;10 }11 #content ul{
     12     background:gray;13     width:300px;14     height:400px;15     list-style-type:none;16 }17 #content ul li{
     18     width:250px;19     height:20px;20     line-height:20px;21     background:orange;22     margin-top:2px;23 }24 25 #fenye ul{
     26     list-style-type:none;27 }28 #fenye li{
     29     width:20px;30     height:20px;31     text-align:center;32     border:1px solid red;33     margin-right:2px;34     float:left;35 }36 #fenye ul li a{
     37     text-decoration:none;38     display:block;39     width:20px;40     height:20px;41     line-height:20px;42     background:orange;    43     color:black;44 }45 #fenye ul li a:hover{
     46     cursor:pointer;47 }

 

 

 

页面的主体部分

 

1 
     55 56 57 58 
     59 60 
     61 62 63     
     
      64         
      
       65             
           66             
       
        
67             
               68         
      
69         70     
     
71     
     
      72     
      
       73         74         
       
       '.($count+1).'';76         }77         ?>            78         79     
      
80     
     
81 82