一、最终效果预览 这里注意：第一个网页是自动播放音乐的喔，第二张和第三张都是渐变的，展示的只是最终效果。 二、文件方面的准备工作 1、创建各种文件夹以及文件 1.在桌面创建一个文件夹，任意起名，我这里是qilw，文件夹内部包含 css 和 image 两个文件夹以及三个 .html 文件和下载的一个音乐(自动播放需要使用) 2.css文件夹创建文件 tx.css 备用，image文件夹选三张图片放进去(图片名字尽可能简洁) 2、全部源码(对应文件复制粘贴即可) 1.login.html

             希望十年后的每天清晨醒来都有你的可爱脸庞

       下面是你的七夕专属礼物喔~

            1.满屏比心biubiubiu~
            2.动态梦幻心
            3.七夕冲鸭~
更改文字直接在源码里的对应位置修改即可 index.html

                纸短情长，诉不尽当时年少

                         我家最仙的存在

---

              

---

           这里是你要说的话
           同上
           同上
           同上
           同上 需要改动的部分：17、18、19行src=" "里面的内容改为自己image文件夹下传入的图片名。 ax.html tx.css #bt:hover{ color: aqua; } .dl{ font-size: 25px; color: coral; } .d2{ font-size: 20px; color: brown; } #bx:hover{ color: aqua; font-size: 21px; } #img1{ width: 300px; height: 400px; } #img2{ width: 300px; height: 400px; } #img3{ width: 220px; height: 400px; } .d3{ font-size: 25px; } img1~img3内部可以调整图片的长和宽，根据你的图片大小自行调整 写在最后 祝大家早日脱单，有情人终成眷属。创作不易，希望大家能三连支持喔~