这是程序员表白系列中的100款网站表白之一，旨在让任何人都能使用并创建自己的表白网站给心爱的人看。 此波共有100个表白网站，可以任意修改和使用，很多人会希望向心爱的男孩女孩告白，生性腼腆的人即使那个TA站在眼前都不敢向前表白。说不出口的话就用短视频告诉TA吧~制作一个表白网页告诉TA你的心意,演示如下。

❤ 【作者主页——获取更多优质源码】

❤ 【学习资料/简历模板/面试资料/ 网站设计与制作】

❤ 【web前端期末大作业——毕设项目精品实战案例】

文章目录

一、网页介绍一、网页效果二、代码展示1.HTML代码2.CSS代码

三、精彩专栏

一、网页介绍

1 网页简介：基于 HTML+CSS+JavaScript 制作七夕情人节表白网页、生日祝福、七夕告白、 求婚、浪漫爱情3D相册、炫酷代码 ,快来制作一款高端的表白网页送(他/她)浪漫的告白,制作修改简单,可自行更换背景音乐,文字和图片即可使用

2.网页编辑：任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

一、网页效果

二、代码展示

1.HTML代码

代码如下（示例）：以下仅展示部分代码供参考~

jQuery+Html5实现唯美表白动画代码

本页面采用HTML5编辑，目前您的浏览器无法显示，请换成谷歌(Chrome)或者火狐(Firefox)浏览器，或者其他游览器的最新版本。

亲爱的小宝宝，我爱你，虽然你看不见我对你的告白


我知道我不会甜言蜜语，但是我会用行动证明一切


你说我啰嗦，有些东西因为越在乎所以越失去

因为我太爱你了，所以我失去你了

因为我太啰嗦了，所以你离开了我

虽然你看不见我的告白，但是我还是要把这些心里话说出来


-- 爱你的仁希--

亲爱的小宝宝，我喜欢你 已经是……

2.CSS代码

body{margin:0;padding:0;background:#ffe;font-size:14px;font-family:'微软雅黑','宋体',sans-serif;color:#231F20;overflow:auto}

a {color:#000;font-size:14px;}

#main{width:100%;}

#wrap{position:relative;margin:0 auto;width:1100px;height:680px;margin-top:10px;}

#text{width:400px;height:425px;left:60px;top:80px;position:absolute;}

#code{display:none;font-size:16px;}

#clock-box {position:absolute;left:60px;top:550px;font-size:28px;display:none;}

#clock-box a {font-size:28px;text-decoration:none;}

#clock{margin-left:48px;}

#clock .digit {font-size:64px;}

#canvas{margin:0 auto;width:1100px;height:680px;}

#error{margin:0 auto;text-align:center;margin-top:60px;display:none;}

.hand{cursor:pointer;}

.say{margin-left:5px;}

.space{margin-right:150px;}

三、精彩专栏

看到这里了就 【点赞，好评，收藏】 三连 支持下吧，你的支持是我创作的动力。—— `

以上内容技术相关问题欢迎一起交流学习

好文阅读

评论可见，请评论后查看内容，谢谢！！！评论后请刷新页面。