B2主题仿94设计素材网会员购买充值界面 – wordpress美化

如上图还是来自94设计素材网的美化界面，其实这个页面我感觉B2主题自带的就很OK，不过各有所爱，下面的代码依旧是@Muze扒下来的，喜欢的可以自己换，Npc上面还有很多美化教程！

代码使用：

将下面的css代码加入你主题目录下的style.css文件内即可，代码中已经注释，方便后面修改。

/*会员充值界面美化*/
.vip-list-in {
    padding: 0px;
}
.vip-item {
    padding: 0;
    width: 30%;/*20%、25%、50%宽度分割*/
    border: 1px solid #ffffff;
}
/*h2标题*/
.vip-list-in h2 {
    padding: 20px 0;
    background: #ece7dd;
}
.vip-list-in .vip-price {
    margin: 0;
    padding: 20px 0;
    background: #fff7e9;
}
.vip-row li {
    margin: 1px 0;
    margin-bottom: 1px;
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #fff;
    background: #f9f9f9;
}
.vip-buy {
    margin: 0;
    padding: 20px;
    background: #fbf9f7;
}
.vip-allow.allow i {
    color: #e0ac7f;/*图标颜色*/
}

借人内容，留人链接：https://www.npc.ink/16901.html