好看的原创弹窗公告代码

china0396

好看的原创弹窗公告代码

1. <div class="web_notice" style="
   
2.     position: fixed;
   
3.     top: 0;
   
4.     left: 0;
   
5.     width: 100%;
   
6.     height: 100%;
   
7.     background: rgba(0,0,0,0.3);
   
8.     z-index: 99999;
   
9. ">
   
10. <div style="
    
11.     position: fixed;
    
12.     top: 50%;
    
13.     left: 50%;
    
14.     width: 550px;
    
15.     background: #FFF;
    
16.     transform: translate(-50%, -50%);
    
17.     border-radius: 40px;
    
18.     padding: 50px 40px;
    
19. ">
    
20. <h3 style="
    
21.     font-weight: bold;
    
22.     text-align: center;
    
23.     font-size: 30px;
    
24. ">网站通知</h3>
    
25. <div style="
    
26.     font-size: 16px;
    
27.     margin-top: 26px;
    
28.     line-height: 30px;
    
29.     color: #999;
    
30. ">公告</div><a style="
    
31.     display: block;
    
32.     background: #98a3ff;
    
33.     color: #FFF;
    
34.     text-align: center;
    
35.     font-weight: bold;
    
36.     font-size: 19px;
    
37.     line-height: 60px;
    
38.     margin: 0 auto;
    
39.     margin-top: 45px;
    
40.     border-radius: 32px;
    
41.     width: 80%;
    
42. " onclick="javascript:document.querySelector('.web_notice').remove()">我知道了</ a>
    
43. </div>
    
44. </div>
    

复制代码