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脚本控制
transition-property ：规定设置过渡效果的css属性名称(默认值all)
transition-duration ：规定完成过渡效果需要多少秒或毫秒（默认0s）
transition-timing-function ：指定过渡函数，规定速度效果的速度曲线(默认为ease函数)
transition-delay ：指定开始出现的延迟时间（默认延迟0s）
注意：transition四个子属性之间只能用空格隔开，不能用逗号隔开
