Bootstrap制作的几个站点分享
时间:2024-10-18 22:34:05 来源:担雪填井网
galoemm">: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); /* 选中状态的背景颜色 */ }
相关内容
最新内容
推荐内容