每日css

Dear 丶 2023-06-17 13:58 6阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <link rel="stylesheet" href="style.css"/>
    </head>
    <body>
        <div class="box">
            <div class="content">
                <h1>让世界共享创新经济成果</h1>
                <p>
                    长城脚下，雁栖湖畔。以“新经济，新共同体”为主题的2019年创新经济论坛日前在北京落下帷幕。在为期两天的会议中，全球600余位政府官员、企业高管、科技创新领袖和专家学者共聚一堂，探讨加强合作,共建开放、创新、共享的世界经济，在这个冬日里为世界经济带来一道暖阳。
                    在经济全球化趋势不可阻挡的今天，如何推动世界创新发展？中国智慧又为世界发展提供了哪些方案？在本次论坛上，来自全球的政商界大咖们带来了自己的答案。
                </p>
            </div>
        </div>
    </body>
    </html>

*{ 
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    body{ 
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100vh;
        background-color: #060c21;
    }
    .box{ 
        position: relative;
        width: 300px;
        height: auto;
        background-color: #060c21;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .box::before{ 
        content: '';
        position: absolute;
        top: -2px;
        left:-2px;
        right: -2px;
        bottom: -2px;
        background-color: #fff;
        z-index: -1;
    }
    .box::after{ 
        content: '';
        position: absolute;
        top: -2px;
        left:-2px;
        right: -2px;
        bottom: -2px;
        background-color: #fff;
        z-index: -2;
        filter: blur(40px);
    }
    .box::before, .box::after{ 
        background: linear-gradient(235deg,#89ff00,#060c21,#00bcd4);
    }
    .content{ 
        padding: 20px;
        box-sizing: border-box;
        color: #fff;
        font-size: 14px;
        height: auto;
        overflow: hidden;
    }
    .content p{ 
        margin-top: 20px;
        line-height: 30px;
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191129132542249.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzMzMyMTg0,size_16,color_FFFFFF,t_70