HTML5表白小程序

最新推荐文章于 2024-07-29 10:14:54 发布

江南 ID

最新推荐文章于 2024-07-29 10:14:54 发布

阅读量661

点赞数

分类专栏：表白HTML小程序文章标签： html5 小程序

本文链接：https://blog.csdn.net/weixin_45275957/article/details/110631750

版权

本文将介绍如何使用HTML5创建一款近期流行的表白小程序。作为一个学生作者，分享自己的实践过程，期待大家的指导和交流。

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

标题今天就写一个差不多最近特别火的类似辞职报告的小程序，不过我这个表白小程序哈！

HTML文件的：

<title>表白信</title>
<style>
<meta charset="UTF-8">
<title>表白信</title>
<style>
    html, body {
        margin: 0;
        padding: 0;
        background: #f2f1f6;
    }
    .container {
        position: relative;
        width: 500px;
        height: 300px;
        background: #f2f1f6;

    }
    .container h1 {
        margin-top: 0;
        text-align: center;
    }
    .container img {
        vertical-align: -70px;
    }
    .bd {
        padding-left: 30px;
    }
    .ft {
        position: absolute;
        width: 100%;
        bottom: 20px;
        padding: 0 30px;
        line-height: 30px;
        box-sizing: border-box;
    }
    .btn-group {
        float: left;
    }
    .fr {
        float: right;
    }
    button {
        cursor: pointer;
    }
    #p1 {
    }
    .not-allow {
        position: relative;