北京看白癜风最权威医院 https://wapjbk.39.net/yiyuanzaixian/bjzkbdfyy/bdf/一般的制作页面都会使用到分页，那么你知道分页功能是怎么实现的吗？让我们一起来学习一下html如何制作分页吧。新建html页面。如图：在html页面找到body标签，在body标签里新建一个div标签，然后在div标签中新建a标签，并在a标签中输入页数。如图：保存html页面，使用浏览器打开查看分页效果。如图：新建style标签回到html代码页面，找到title标签，在title标签下新建一个styletype=text/css/style。如图：设置翻页样式在style标签里新建一个样式类page，在page类中设置样式，然后对a标签设置样式，设置好后在div标签引用page类。保存好代码后刷新浏览器即可看到翻页效果。如图：样式代码：.page{text-align:center;margin-top:50px;}.pagea{text-decoration:none;border:1pxsolid#f9d52b;padding:5px7px;color:#;cursor:pointer;}添加上一页、下一页。在代码页面找到第一个a标签，在这个标签的前面添加：span上一页/span；然后找到最后一个a标签，在这个标签后面添加：span下一页/span；最后在样式.pagea后面添加：.pagespan。如图：保存好代码后重新刷新页面，即可看到分页效果。如图：设置鼠标滑过，鼠标变成手指状态。在.pagea,.pagespan样式类中添加：cursor:pointer;即可。如图：添加鼠标滑过分页字体变色。在styel标签中设置鼠标滑过后字体变色：.pagea:hover,.pagespan:hover{color:red;}在浏览器中查看效果。如图：
转载请注明：http://www.aierlanlan.com/rzfs/5994.html
