CSS分页是一种常见的网页分页效果，可以让用户分批次浏览内容。下面是一个简单的CSS分页实例。
/* CSS 样式 */
.pagination {
display: flex;
justify-content: center;
margin-top: 20px;
}
.pagination li {
list-style: none;
margin: 0 5px;
}
.pagination li a {
display: block;
padding: 5px 10px;
border: 1px solid #ccc;
}
.pagination li.active a {
background-color: #ccc;
}
/* HTML 代码 */上面的代码首先定义了一个pagination类，使用flex布局使得分页居中对齐，并且设置了一些间距。在pagination类下定义li样式，去掉默认列表样式，并且设置了一些间距。在li内部定义a样式，将a元素设置成块状元素，设置padding和边框样式。最后定义了.active样式来表示当前选中的页码，将背景颜色设置成#ccc。
在HTML代码中，我们使用一个ul元素来表示分页。li元素表示每一个页码，a元素则是页码的可点击区域。在li元素中使用.active样式来表示当前选中的页码。
这个分页效果虽然简单，但使用起来很方便，可以在需要分页显示内容的页面直接引入CSS即可。当用户点击不同的页码时，只需要修改.active样式即可改变选中页码的样式。