html+css表白墙

最新推荐文章于 2025-03-25 10:40:19 发布
最新推荐文章于 2025-03-25 10:40:19 发布
阅读量8.4k 收藏 32
点赞数 8
分类专栏： html+css网页前台 文章标签： 图片 css html5 html editplus
Wangqi
本文链接：https://blog.youkuaiyun.com/u012651389/article/details/43941355
版权 
<strong><strong><!doctype html>
<html lang="en">
 <head>
  <meta charset="GB2312">
  <meta name="Generator" content="EditPlus庐">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style type="text/css">
		*{margin:0px;padding:0px;}
		.box_mod{width:830px;margin:120px auto;position:relative;}
		.box_top{width:830px;height:10px;background:url("img/1.png") no-repeat;}
		.box_bottom{width:830px;height:57px;background:url("img/1.png") no-repeat;}
		.box_title{width:274px;height:57px;background:url("img/3.png") no-repeat;position:absolute;
			top:-25px;left:50%;margin-left:-137px}
		.box_robat{width:78px;height:110px;background:url("img/2.png") no-repeat;position:absolute;
			top:-50px;right:-35px;}
		.box_content{width:830px;height:640px;}
		.box_content .slides_content{width:790px;height:560px;background:#ffedb2;padding:55px 20px 25px 8px;
			overflow:hidden;}
		.box_content .slides_content .slides{width:1000px ;height:540px;}
		.box_content .slides_content .slides ul{width:900px ;height:540px;}
		.box_content .slides_content .slides li {list-style:none; width:255px;height:163px;
			background:url("img/4.png") no-repeat;display:inline-block;margin:5px 3px;}
		.love_box{font-size:14px;color:#e3444c;padding:12px 20px;}
		.Love_send{margin:5px 0px 0px 20px; line-height:20px;}
		.Love_text{margin-top:25px;min-height:54px;}
		.Love_from{margin-top:10px ;float:right;}
  </style>
 </head>
 <body>
  <div class="box_mod">
	<div class="box_top"></div>
	<h2 class="box_title"></h2>
	<div class="box_robat"></div>
		<div class="box_content">
			<div class="slides_content">
				<div class="slides">
					<ul>
						<li>
							<div class="love_box">
								<div class="Love_send">To:晓宇</div>
								<div class="Love_text">如果爱你是错的话，我不想对;
								如果对是等于没有你的话，
								我宁愿一辈子的错!</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
						<li>
							<div class="love_box">
								<div class="Love_send">To:晓宇</div>
								<div class="Love_text">Love You
									希望你天天开心
									这个礼物做出来的晚了，对不起
									我爱你！--王琪</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
						<li>
						<div class="love_box">
								<div class="Love_send">To:晓宇</div>
								<div class="Love_text">我是你夏天里的雪糕，冬天里的棉袄
								黑暗里的灯泡，饥饿时的面包!
								我好想对你说"我爱你"!!</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
						<li>
						<div class="love_box">
								<div class="Love_send">To:晓宇</div>
								<div class="Love_text">遇见你，是我一生的幸运;
								爱上你，是我一生的快乐;
								没有你，无法感受心灵的震撼。</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
						<li>
						<div class="love_box">
							<div class="Love_send">To:晓宇</div>
								<div class="Love_text">情书是我写的，玫瑰是我送的，
								照片是我拿的，电话是我打的，
								信息是我发的!</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
						<li>
							<div class="love_box">
							<div class="Love_send">To:晓宇</div>
								<div class="Love_text">想你想你好想你，找个画家画下你，
								把你贴在杯子里，
								天天喝水亲亲你!</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
						<li>
							<div class="love_box">
							<div class="Love_send">To:晓宇</div>
								<div class="Love_text">把你的名字刻在腕上、写进心里、
								让你保持离我心底最近的距离、无所不在、无处不有`
								`今生注定不能改变 “我爱你”</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
						<li>
							<div class="love_box">
							<div class="Love_send">To:晓宇</div>
								<div class="Love_text">或许 这些 让你感到惊讶 、但我只想说、 
								  我会等你、  会陪你 直到你已不需要我的那一天。  
								   否则   我会一直等下去</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
						<li>
							<div class="love_box">
							<div class="Love_send">To:晓宇</div>
								<div class="Love_text">、爱，从来就是一件千回百转的事。
								不曾被离弃，不曾受伤害，怎懂得爱人？ 
								爱，原来是一种经历，但愿人长久。</div>
								<div class="Love_from">WANGQI</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="slides_nav"></div>
			</div>
		</div>
	<div class="box_bottom"></div>
  </div>
 </body>
</html>
</strong></strong>

情人节表白墙HTML源码.zip
06-28
用来当作学校的表白墙不错，点击右侧可以填写名字内容等.. api.php文件里配置数据库信息，将biaobai.sql上传到数据库即可
html表白网页
热门推荐
许帅的博客
05-20 3万+
Readme 然后把下面的代码随便复制到一个文本编辑器中(比如记事本) 关键地方都有中文注释, 替换题目:搜索title 替换头像,搜索头像,按照方法替换即可 替换动态变化字母,搜索动态变化 替换最终定格的字母,搜索定格 替换想说的话,搜索想说的话 替换在一起的时间,搜索在一起 保存的时候,后缀名改成.html 最后建议使用电脑端的浏览器打开,手机端的兼容性没做好 代码 <!DOCTYPE html> <html> <head> <meta http-equ
拾光表白墙1.2 一款简单的留言表白网页源码
最新发布
wing_77的博客
03-25 165
一款简单的表白墙留言源码，简洁流畅，适合情侣记录或者表白日常。3.优化了视频样式，并支持黑夜白天主题切换。域名➕install安装就可以用了。2.支持网易云音乐id解析。更改db文件数据库信息。
HTML表白网页
07-16
HTML表白网页 网页代码经过多次优化 加入新元素
HTML5七夕情人节表白结婚邀请函网页制作(HTML+CSS+JavaScript)
HTML网页设计 专注大学生网页设计
09-25 7621
📒网站文件方面：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；📙网页编辑方面等任意html编辑软件进行运行及修改编辑等操作）。其中：（1）📜html文件包含：其中index.html是首页、其他html为二级页面；（2）📑 css文件包含：css全部页面样式,3D动态效果,雪花飘落等等（3）📄 js文件包含：页面炫酷效果实现。
用HTML5做的表白网页
07-04
下载后解压打开‘点这里.html’就可以浏览了，也可以进行修改
❤爱情墙❤html5+css3+js 实现全屏七夕表白页面 (可自定义文字)
12-30
❤爱情墙❤html5+css3+js 实现全屏七夕表白页面 (可自定义文字) 博客地址:https://blog.youkuaiyun.com/qq316148300/article/details/111954088
情人节程序员用HTML网页表白【全屏3D相册】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
08-10
- **节日**：用于特殊节日的网页设计，如情人节表白网页。 这些应用场景不仅覆盖了日常学习、工作的多个方面，还为学生提供了丰富的实践机会，有助于他们更好地掌握前端开发技术。 ### 知识点四：工具与编辑器选择...
情人节程序员用HTML网页表白【告白展示墙】 HTML5七夕情人节表白网页源码 HTML+CSS+JavaScript
08-10
### 知识点一：HTML5网页设计与布局 ...总之，这个情人节表白网页不仅是一个简单的HTML+CSS+JavaScript项目的例子，更是一个很好的学习资源，适合初学者和进阶学习者深入了解前端开发的基础知识和技术要点。
用HTML+CSS+js制作的校园表白墙（作业）
WhiteFoal的博客
03-09 436
含完整代码，适合刚学完HTML和CSS的同学作为练手项目
表白代码html+css.zip
08-14
【标题】"表白代码html+css.zip"是一个包含HTML和CSS技术实现的浪漫3D图片墙项目。这个项目旨在利用前端技术为用户创造出一个独特、互动的表白场景，通过3D展示图片，增加情感表达的视觉效果。 【描述】"3D图片墙...
网页表白墙
07-23
表白墙（最新修复版） 表白墙源码。
html网页表白.zip
12-28
表白，程序员从来没让人失望过。文件中含有7个表白源码，包含3d旋转相册，html5 canvas线条合成的爱心动画特效，html5情人节我爱你表白代码，神奇的表白，浪漫爱心，表白特效，花瓣......非常绚丽的前端页面表白，抖音上很火的表白也在。如果遇到自己心仪的女孩(男孩),请一定把握机会，不要让自己有遗憾。最后，希望小伙伴们，我们一起好好学习，天天向上。
html表白网页源码
08-24
表白网页 七夕 情人可以用来表白的源码 纯静态 简单好用
html5做的爱情表白页面非常漂亮，表白绝佳选择
09-08
html5做的爱情表白页面非常漂亮，表白绝佳选择
漂亮的表白html5网页模版
01-11
老师分享的一个学习模版，女生肯定会喜欢，给大家分享一下，可以拿来向心爱的女生表白，压缩包里有txt教程
用html写一个表白页面
weixin_35751412的博客
02-18 526
好的，这是一个使用 HTML 写的表白页面的示例代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表白</title> </head> <body> <h1>亲爱的，我要对你表白</h...
利用html写一个表白网页
qq_44741960的博客
06-23 695
表白代码html
【HTML 实现 —— 爱心照片墙】
追光者♂：记录、分享、总结、提升，现象级专栏《Python从入门到人工智能》作者，无惧黑暗，坚信曙光
01-15 6455
效果 这是初步时的照片组成的爱心模样： 这是我们把照片换成好看小姐姐之后的模样： 代码 index.html <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Html-照片墙</title> <link href="css/style.css" type="text/css" rel="styl
HTML+CSS+JS+jquery的校园表白墙前端页面
05-11
好的，下面是一个简单的校园表白墙前端页面的示例代码： HTML部分： ```html <!DOCTYPE html> <html> 校园表白墙 <link rel="stylesheet" type="text/css" href="style.css"> 校园表白墙 ...
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值