HTML会员卡片样式

2个月前 / 0 评论 / 319 阅读 / 正在检测是否收录...

https://style.su1018.cn/7NQoMA20220421015622.png
近期打算重构会员主题,杆菌用不上那么多的会员等级,比如说月费年费啥的,直接就来个永久等级 ,高级会员和终身会员就行了,所以从总裁扒下来了这个样式留着后面,留着后面使用!

html代码

<div class="vip-box-mk-zt">
    <img src="http://ceonova.ceotheme.com/wp-content/themes/ceonova/static/images/ceo-vip-page-tcbg.png">
    <div class="vip-box-mk-zt-top">
        <div class="vip-box-mk-zt-top-dj">
            <span>¥</span><strong>69</strong><span>/月</span>
        </div>
        <p class="vip-box-mk-zt-top-pi">月付会员 额外再送69币</p>
    </div>
    <div class="vip-box-mk-zt-mbox">
        <div class="vip-box-mk-zt-mbox-s">
            <div class="vip-box-title">会员权益:</div>
            <li>每天可下载资源:<em>8个</em></li> <li>会员享特权期限:<em>1月</em></li>                       </div>
    </div>
    <a href="#">立即开通</a>
</div>

CSS 代码

VIP尊享内容

黄金会员可见开通会员
内容已隐藏

评论

取消