非常漂亮html公告弹窗代码

非常漂亮html公告弹窗代码

<style>
    .act-user-modal[data-v-627ce64e] {
     
        width: 900px;
        height: 570px;
        position: fixed;
        left: 50%;
        top: 50%;
        z-index: 9000;
        background: url(https://pic1.zhimg.com/80/v2-39b2a0ea3f338776b81d760e67d56027.png)
            no-repeat 50%;
        margin: -285px 0 0 -450px;
    }
 
    .act-user-modal .close[data-v-627ce64e] {
     
        position: absolute;
        top: -24px;
        right: 12px;
        width: 24px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        font-size: 18px;
        border-radius: 50%;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
 
    .act-user-modal h3[data-v-627ce64e] {
     
        padding: 21px 0 0 92px;
        margin: auto;
        text-align: left;
    }
 
    .act-user-modal h3 img[data-v-627ce64e] {
     
        margin: 0;
        height: 50px;
    }
 
    .act-user-modal img[data-v-627ce64e] {
     
        display: block;
        margin: 0 auto;
    }
 
    .act-user-modal .center[data-v-627ce64e] {
     
        height: 240px;
    }
 
    .act-user-modal .center h1[data-v-627ce64e] {
     
        text-align: center;
        font-size: 34px;
        color: #333;
        margin: 0 auto;
        width: 700px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;