CSS案例:京东-新人福利、PLUS会员按钮

介绍

实现京东新人福利、PLUS会员按钮,如下图:

html

<a href="#" class="xrfl">新人福利</a>
<a href="#" class="plus">PLUS会员</a>

css

.xrfl{
    display: inline-block;
    width: 70px;
    height: 25px;
    background-color: #e1251b;
    color: #fff;
    font-size: 12px;
    border-radius: 13px;
    text-decoration: none;
    text-align: center;
    line-height: 25px;
}
.plus{
    display: inline-block;
    width: 70px;
    height: 25px;
    background-color: #363634;
    color: #e5d790;
    font-size: 12px;
    border-radius: 13px;
    text-decoration: none;
    text-align: center;
    line-height: 25px;
}

原文出处:https://malaoshi.top/show_1IX5WgykyLG2.html