介绍
实现京东新人福利、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;
}