B2主题美化:vip界面充值页面美化

jaysun

网站有VIP会员一般会需要推广,今天介绍一款vip充值界面美化的方法,采用了表格的方法对不同的权限进行了切分,看起来更加的清晰和一目了然。

123.png

操作方法:

将以下代码添加至主题根目录下的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;/*图标颜色*/
}


您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
评论列表 (暂无评论,135人围观)

还没有评论,来说两句吧...

目录[+]

取消
微信二维码
微信二维码
支付宝二维码