:root {
–custom-color-list-page-number: #FF6F0F; /* 定义自定义颜色变量 */
}
2.文章列表的分页样式
.paging_list {
list-style: none;
display: flex;
justify-content: center;
margin-top: 20px;
padding: 0;
}
.paging_list li {
margin: 0 5px;
}
.paging_list a {
display: flex;
align-items: center;
justify-content: center;
background-color: #f0f6ff; /* 小正方形背景颜色 */
width: 40px;
height: 40px;
border-radius: 3px;
text-align: center;
border-radius:17px;
text-decoration: none;
color: black;
font-size: 14px;
}
.paging_list a:hover {
background-color: var(–custom-color-list-page-number);
}
.paging_list li.on a {
background-color: var(–custom-color-list-page-number); /* 选中状态的背景颜色 */
}
© 版权声明
本站所发布的全部内容源于互联网搬运，请在下载后24小时内删除。如果有侵权之处请第一时间联系我们E-mail：zgq3242@qq.com删除。敬请谅解!
THE END
