子比主题美化-首页文章点击更多按钮美化

温馨提示:本文更新于2026-09-21 21:42:57,某些文章具有时效性,若有错误或已失效,请在下方留言!

子比主题(Zibll)首页文章列表中的更多按钮默认样式较为基础,缺乏视觉吸引力。为提升整体设计感与用户点击欲望,当否网带来一套简洁美观的 更多按钮美化方案。通过自定义CSS代码,可实现圆角、渐变背景、悬停动画、阴影等效果,让按钮更现代、更醒目。只需将代码粘贴至主题后台「自定义CSS」区域,无需修改主题文件,升级安全无忧。

效果演示

图片[1]-子比主题美化-首页文章点击更多按钮美化-当否网

更多按钮美化CSS代码

/*首页文章点击更多按钮样式美化-当否网-downfou.com*/
.theme-pagination .ajax-next a,
.theme-pagination .order-ajax-next a{
    border-radius:30px;
    padding:12px 0;
    color:#009c75;
    background-color:#ffffff;
    border:1px solid #009c75;
    display:block;
    opacity:1;
    font-weight:600;
    transition: all 0.3s ease;
}

.theme-pagination .ajax-next a:hover,
.theme-pagination .order-ajax-next a:hover{
    color:#ffffff;
    background-color:#009c75;
    transform: translateY(-1px);
    box-shadow:0 4px 12px rgba(0,156,117,0.25);
}
/*首页文章点击更多按钮样式美化-当否网-downfou.com*/
文件有密码打不开?>>点此查看密码<<
© 版权声明
THE END
请赞助我们续费服务器
点赞17 分享