CSS案例：京东-新人福利、PLUS会员按钮 作者：马育民 • 2023-05-19 15:51 • 阅读：10034 # 介绍 实现京东新人福利、PLUS会员按钮，如下图： [](/upload/0/0/1IX5WgyRc24z.jpg) ### 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; } ``` 原文出处：http://malaoshi.top/show_1IX5WgykyLG2.html