老牛资源网会员开通引导代码及CSS

效果截图

代码CSS

效果截图

<div class="alert alert-primary alert-dismissible fade show" role="alert">
<strong><span class="badge bg-danger">
好消息<sup aria-hidden="true" class="spinner-grow spinner-grow-sm ml-1 small" role="status" style=" width: .5rem; height: .5rem; "></sup></span></strong>
XXX网为回馈广大新老用户，即日起至5月31日，终身会员限时特价XXX元，每天不到一块钱，享受全站资源免费下载。
<a class="badge bg-warning text-dark" href="#" rel="nofollow noopener noreferrer" target="_blank">
点击开通会员
</a>
</div>
<style>
.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}
.alert-dismissible {
    padding-right: 3rem;
}
.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.bg-danger {
    background-color: #dc3545!important;
}
.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.bg-warning {
    background-color: #ffc107!important;
}
.text-dark {
    color: #212529!important;
}

</style>