css 分页 链接样式
.page-1 .link {
color: blue;
text-decoration: none;
font-size: 16px;
font-weight: bold;
.page-1 .link:hover {
color: red;
.page-2 .link {
color: blue;
text-decoration: none;
font-size: 16px;
font-weight: bold;
.page-2 .link:hover {
color: red;
.page-2 .link:hover ~ .content {
font-size: 14px;
基于表格的分页方式
下面是一个基于表格的分页示例:
table {
border-collapse: collapse;
width: 100%;
background-color: #f00;
color: #fff;
padding: 10px;
text-align: center;
th.link {
color: #fff;
text-decoration: none;
font-size: 16px;
th.link:hover {
background-color: #ddd;
两种分页方式各有优缺点,具体使用哪种方式取决于具体的需求和网页设计。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css 分页 链接样式
本文地址: https://pptw.com/jishu/10206.html
