云想衣裳花想容，春风拂槛露华浓（浪漫代码实现）

荔枝科研社

已于 2022-10-15 13:56:02 修改

阅读量354

点赞数 1

分类专栏：女朋友的浪漫邂逅....... 文章标签：大数据 python

于 2022-07-17 20:41:45 首次发布

本文链接：https://blog.csdn.net/weixin_46039719/article/details/125818058

版权

女朋友的浪漫邂逅....... 专栏收录该内容

67 篇文章 112 订阅

订阅专栏

博主专注于电力系统、算法和机器学习的研究，分享详细的科研笔记和期刊论文。文章采用精致的HTML设计，融入哲学思考，提供了一个独特的阅读体验。同时，博主探讨了科研方法，强调逻辑和创新的重要性，并鼓励读者在学习中寻找灵感。

摘要由CSDN通过智能技术生成

💥💥💥💞💞💞欢迎来到本博客❤️❤️❤️💥💥💥

🏆博主优势：🌞🌞🌞博客内容尽量做到思维缜密，逻辑清晰，为了方便读者，博主专门做了一个专栏目录，整个专栏只放了一篇文章，足见我对其重视程度：博主专栏目录。做到极度细致，方便大家进行学习！亲民！！！还有我开了一个专栏给女朋友的，很浪漫的喔，代码学累的时候去瞧一瞧，看一看：女朋友的浪漫邂逅。有问题可以私密博主，博主看到会在第一时间回复。
📝目前更新：🌟🌟🌟电力系统相关知识，期刊论文，算法，机器学习和人工智能学习。
🚀支持：🎁🎁🎁如果觉得博主的文章还不错或者您用得到的话，可以关注一下博主，如果三连收藏支持就更好啦！这就是给予我最大的支持！

👨‍🎓博主课外兴趣：中西方哲学，送予读者：

👨‍💻做科研，涉及到一个深在的思想系统，需要科研者逻辑缜密，踏实认真，但是不能只是努力，很多时候借力比努力更重要，然后还要有仰望星空的创新点和启发点。当哲学课上老师问你什么是科学，什么是电的时候，不要觉得这些问题搞笑，哲学就是追究终极问题，寻找那些不言自明只有小孩子会问的但是你却回答不出来的问题。在我这个专栏记录我有空时的一些哲学思考和科研笔记：科研和哲思。建议读者按目录次序逐一浏览，免得骤然跌入幽暗的迷宫找不到来时的路，它不足为你揭示全部问题的答案，但若能让人胸中升起一朵朵疑云，也未尝不会酿成晚霞斑斓的别一番景致，万一它居然给你带来了一场精神世界的苦雨，那就借机洗刷一下原来存放在那儿的“真理”上的尘埃吧。

或许，雨过云收，神驰的天地更清朗.......🔎🔎🔎

📋📋📋本文目录如下：⛳️⛳️⛳️

目录

💞清平调·其一💞

🌈云想衣裳花想容🌈

🏆超棒.html🏆

💞清平调·其一💞

云想衣裳花想容，春风拂槛露华浓。

若非群玉山头见，会向瑶台月下逢。

**🌈云想衣裳花想容🌈**

🏆超棒.html🏆

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>梦中女孩</title>
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            height: 100%;
        }

        body {
            position: relative;
            min-height: 100%;
            text-align: left;
            font-family: Lato, Arial, sans-serif;
            color: #4b0707;
            background-color: #144940;
            padding: 20px;
            font-size: 14px;
        }

        .mii-page {
            width: 850px;
            max-width: 100%;
            margin: 0 auto;
            padding: 20px;
            background-color: #eee;
            border-radius: 20px;
            box-shadow: 0 18px8px -4px rgba(0, 0, 0, .3);
            background: url(./16326469851571.jpg);
            background-size:100%;
        }
        .mii-page h1 {
            margin-top: 0;
            margin-bottom: 0.8em;
            font-size: 1.4em;
            color: rgb(170, 107, 107);
            text-align: center;
            font-weight: 400;
            letter-spacing: 2px;
        }

        .mii-page h1 small {
            font-size: 0.7em;
            color: #666;
        }

        .mii-container {
            position: relative;
            overflow: auto;
            width: 100%;
            box-shadow: 0 8px 3px -3px rgba(0, 0, 0, .3);
            background-color: #b3b0ad9d;
            border-radius: 20px;
        }

        .mii-container-top {
            position: relative;
            float: left;
            width: 100%;
            padding: 14px 16px 16px 14px;
            min-height: 85px;
            text-align: center;
        }

        .mii-container-top .flag {
            float: left;
            width: 50px;
            height: auto;
        }

        span.mii-name {
            color: #b78974;
            font-size: 1.2em;
            line-height: 1.2em;
        }

        span.mii-stars {
            float: right;
            color: #0db5a2;
            font-size: 1.4em;
            font-weight: 900;
            margin-right: 20px;
            line-height: 0.8em;
            overflow: hidden;
        }

        .mii-stars img {
            display: inline-block;
            height: 20px;
            width: auto;
            padding: 4px 2px 0 0;
        }

        .mii-image {
            display: block;
            position: absolute;
            bottom: 0;
            left: 12px;
            width: 60px;
            height: auto;
        }

        .mii-gold-stars {
            position: relative;
            display: block;
            float: left;
            margin-left: 0;
            clear: both;
        }

        .mii-gold-star {
            position: absolute;
            top: 6px;
            background-image: url('/uploads/151201/gold-star.png');
            width: 26px;
            height: 26px;
            background-size: 100%;
        }

        .mii-gold-star.first {
            left: 0;
        }

        .mii-gold-star.second {
            left: 10px;
        }

        .mii-gold-star.third {
            left: 20px;
        }

        .mii-gold-star-dots {
            display: none;
            position: absolute;
            /* left: 64px; */
            line-height: 0;
            top: 20px;
            letter-spacing: 6px;
            color: #8572a7;
        }

        .mii-container-bottom {
            position: relative;
            float: left;
            width: 100%;
            background-color: ;
            padding: 1px 5px 4px 1px;
        }

        @media screen and (min-width: 265px) {
            span.mii-name {
                font-size: 1.8em;
                line-height: 1.3em;
            }

            span.mii-stars {
                font-size: 2em;
            }

            .mii-stars img {
                height: 27px;
            }
        }

        @media screen and (min-width: 290px) {
            .mii-page h1 {
                font-size: 1.6em;
            }


            .mii-container-bottom {
                padding-left: 110px;
            }

            .mii-image {
                width: 70px;
                left: 18px;
            }
        }

        @media screen and (min-width: 325px) {


            .mii-image {
                left: 35px;
            }

            .mii-container-bottom {
                padding-left: 140px;
            }
        }

        @media screen and (min-width: 415px) {
            .mii-container-top {
                padding-top: 24px;
            }

            .mii-gold-stars {
                clear: none;
                margin-left: 20px;
            }

            .mii-container-top .flag {
                width: 80px;
            }

            .mii-gold-star {
                top: 3px;
                width: 34px;
                height: 34px;
            }

            .mii-gold-star.second {
                left: 12px;
            }

            .mii-gold-star.third {
                left: 24px;
            }
        }

        @media screen and (min-width: 515px) {
            .mii-page h1 {
                font-size: 3em;
            }

            .mii-gold-star-dots {
                display: block;
            }
        }
    </style>
</head>
<body>
        <div class="mii-page">
                <h1>梦中女孩<br />
                    
                </h1>
                <div class="mii-container">
                    <div class="mii-container-top">
                        <span class="mii-gold-stars">
                            <h2 style="color:rgb(75, 49, 110)">云想衣裳花想容，春风拂槛露华浓。</h2>
                    </div>
                    <div class="mii-container-bottom">
                        <span class="mii-name"></span><span class="mii-stars"></span>&nbsp;&nbsp;&nbsp;
                    </div>
                </div>
            </div>
    
</body>
</html>

需要下载一张图片喔