transition-property ：规定设置过渡效果的css属性名称(默认值all)
transition-duration ：规定完成过渡效果需要多少秒或毫秒（默认0s）
transition-timing-function ：指定过渡函数，规定速度效果的速度曲线(默认为ease函数)
transition-delay ：指定开始出现的延迟时间（默认延迟0s）
注意：transition四个子属性之间只能用空格隔开，不能用逗号隔开
内容分页一般是涉及到数据库的内容，如果楼主不是涉及到数据库，而是单纯的想用div+css实现翻页效果，完全可以通过javascript来实现，当点击上一页，下一页的时候应该做怎么样的操作，比如让原本显示的第一页隐藏，将原本隐藏的页面显示，则达成了所谓分页效果，你上面的代码只是一些表面效果，不具备任何所谓的“分页”功能。所谓分页，是动态的获取数据库的内容，通过数据库的记录来进行分类，比如每页需要显示10条记录，则从数据库获取10条记录，当点击下一页的时候，继续获取接下来10条，这里就设计到一些简单的算法，可以去看下javascript和sql查询语句以及limit的使用,手打，求给分
<style type="text/css">li{
width:20px
height:20px
text-align:center
line-height:20px
border:1px solid #ccc
margin-left:5px
list-style-type:none
cursor:pointer
float:left
}
li:hover {
border:none
}
</style>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
这个是符合web标准的，但是IE6不兼容，如果需要兼容IE6，可以加个javascript脚本控制
