css3分页

1.做一个鼠标点击或悬停的分页

如果点击当前页，可以使用 .active 来设置当期页样式，鼠标悬停可以使用 a:hover 选择器来修改样式。
可以使用 border-radius 属性为选中的页码来添加圆角样式。
可以通过添加 transition 属性来为鼠标移动到页码上时添加过渡效果（重要）
可以使用 border 属性来添加带边框分页。
可以使用 margin 属性来为每个页码直接添加空格。
可以使用 font-size 属性来设置分页的字体大小。
如果要让分页居中，可以在容器元素上 (如 <div>) 添加 text-align:center 样式。
注意：样式设置及修改都在a标签内。

image.png

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。