css3创建分页效果

1、新建html文件。创建ul列表

2、添加ul样式

3、效果如图，这时需要列表横向排列

4、为了让列表横向排列设置li样式

5、效果如图列表横向排列

6、设置列表的样式

7、效果如图

8、为分页添加选择状态的样式

9、效果如图

10、为分页添加鼠标滑过时的效果

11、效果如图