SOURCE

<div class="border">完成打卡</div>
<div class="border-one">完成打卡</div>

.border {
    position: relative;
    line-height:40px;
    text-align:center;
    color:#0ac993;
    width:200px;
    border-radius:50px;/* 也可以设置圆角 */
}
.border:before {
    content: "";
    position: absolute;
    left:0;
    width: 200%;
    height: 200%;
    border: 1px solid #0ac993;
    border-radius:50px;/* 也可以设置圆角 */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
}
.border-one{
    margin-top:10px;
    border:1px solid #0ac993;
    line-height:40px;
    text-align:center;
    color:#0ac993;
    width:200px;
    border-radius:50px;/* 也可以设置圆角 */
}