怎样做手机端页面的页码

2024-10-12 06:46:31

1、首先,我们使用DW软件,新建一个HTML的页面,最好是HTML5,然后添加上关于页面响应式的meta声明、

怎样做手机端页面的页码

3、我们要做的分页效果,布局是左边是1,2,3,然后是省略号,最后是两个代表上一页下一页的书名号。

怎样做手机端页面的页码

5、接下来,我们为分页添加css样式。我们的分页文字在一个正方的圆角框矩形中居中显示,并且所有的页码横排显示,所以我们将样式设置为下图中截取的那样。

怎样做手机端页面的页码

7、本例中所有的代码。均在以下截图当中,大家尽可参照进行改进。

怎样做手机端页面的页码
猜你喜欢