CSS3分页 | CSS3教程

本章节我们将为大家介绍如何通过使用 CSS 来创建分页的实例。

简单分页

如果你的网站有很多个页面,你就需要使用分页来为每个页面做导航。

以下实例演示了如何使用 HTML 和 CSS 来创建分页:

HTML

点击及鼠标悬停分页样式

如果点击当前页,可以使用 .active 来设置当前页样式,鼠标悬停可以使用 :hover 选择器来修改样式:

HTML

圆角样式

可以使用 border-radius 属性为选中的页码来添加圆角样式:

HTML

带边框分页

们可以使用 border 属性来添加带边框分页:

HTML

圆角边框

提示: 在第一个分页链接和最后一个分页链接添加圆角:

HTML

分页间隔

提示: 你可以使用 margin 属性来为每个页码直接添加空格:

HTML

阅读剩余 92%

作者:terry,如若转载,请注明出处:https://www.web176.com/css3/4960.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年1月5日 下午3:10
下一篇 2022年1月5日 下午3:43

相关推荐

发表回复

登录后才能评论