html+css表白墙

<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>

时间: 2024-08-06 12:57:33

html+css表白墙的相关文章

[python]用request库来处理Http协议-收集北航表白墙内的数据

最近阅读了<图解Http>这本书.虽然名为"图解",可说实话里面的图真是啥用都没..不过书还是不错的,两个小时跳读完后,对Http协议有了大概的了解..对于不搞前端开发的我,这些知识应该是够用了. 继续Python折腾之旅吧! Requests is the only Non-GMO HTTP library for Python, safe for human consumption. Warning: Recreational use of other HTTP lib

如何写出优雅的CSS代码 ?(转)

对于同样的项目或者是一个网页,尽管最终每个前端开发工程师都可以实现相同的效果,但是他们所写的代码一定是不同的.有的优雅,看起来清晰易懂,代码具有可拓展性,这样的代码有利于团队合作和后期的维护:而有的混乱,虽然表达出了最终的效果,然而却晦涩难懂,显然团队成员在读这样的代码时就显得无从下手,更不利于后期的维护了.那么如何写出优雅的代码呢?下面我将以一个很小的项目就以下几个方面简单的表达一下自己的看法,如有不妥,望批评指正. 如何整理一个项目. 如何写出清晰易懂的HTML代码. 如何写出优雅的css代

【知识点】如何写出优雅的CSS代码 ?

对于同样的项目或者是一个网页,尽管最终每个前端开发工程师都可以实现相同的效果,但是他们所写的代码一定是不同的.有的优雅,看起来清晰易懂,代码具有可拓展性,这样的代码有利于团队合作和后期的维护:而有的混乱,虽然表达出了最终的效果,然而却晦涩难懂,显然团队成员在读这样的代码时就显得无从下手,更不利于后期的维护了.那么如何写出优雅的代码呢?下面我将以一个很小的项目就以下几个方面简单的表达一下自己的看法,如有不妥,望批评指正. 如何整理一个项目. 如何写出清晰易懂的HTML代码. 如何写出优雅的css代

如何写出优雅的css代码?

如何写出优雅的css代码? 对于同样的项目或者是一个网页,尽管最终每个前端开发工程师都可以实现相同的效果,但是他们所写的代码一定是不同的.有的优雅,看起来井井有条,清晰易懂,这样的代码有利于团队合作和后期的维护:而有的混乱,虽然表达出了最终的效果,然而却晦涩难懂,显然团队成员在读这样的代码时就显得无从下手,更不利于后期的维护了.那么如何写出优雅的代码呢?下面我将以一个很小的项目就以下几个方面简单的表达一下自己的看法,如有不妥,望批评指正. 如何整理一个项目. 如何写出清晰易懂的HTML代码. 如

C#-Mvc-表白墙(随机数)

BiaoBai  View部分: @using ChengJiDaoRuChaXun.Dao; @{ Layout = null; List<BiaoBai> biaobai = ViewBag.biaobai; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&qu

YesFInder - Web File Manager 网页文件管理系统

开发原由: 原来想找一下实现可视化图片上传程序,先找了elFinder, 结果下来持发现用不了,因为要法的jQuery UI css被墙了,搞半天也没找到可用的:然后就找ckfinder,发现居然是收费的,而且用起来也不顺手,于是想能不能自己写一个.想到这就立即动手,花2天时间完成初步功能,然后再花了3天完善.目前实现了基本功能,现发步出来,供大家参考. 目前实现的功能: 文件上传.下载.改名.删除:目录的新建和改名.可选显示文件时间和文件大小. 使用方法: 可单独使用,也可配合xhEditor

7.3日报

姓名 崔巍 时间 2016年7月3日 学习内容 周五的工作主要是讨论确定一些实现方面技术的细节. 最终吐槽墙的服务端和客户端采用TCP连接.因为本系统是基于教务系统信息的,为保证用户隐私,可以在每条消息前封装本次的使用名称(系统提供默认值),而不提供昵称系统.总体类似工大微信公众号的表白墙. 此外,完成了一些文档工作. 周末休息,休息之余,我还学习了关于可满足性模理论解空间体积估算问题的相关知识,提升了解决复杂问题的能力. 所遇问题 无 解决方案 无

发送邮件确认验证注册,修改别人邮件类

类库 require "class.phpmailer.php"; require "class.smtp.php"; class PHP_Mailer { protected $mail; public function __construct() { $mail = new PHPMailer; $mail->SMTPDebug = 3; $mail->isSMTP(); $mail->SMTPAuth = true; $mail->is

微微校火爆电子科大

微微校火爆电子科大 近日,在电子科技大学,有一款叫做微微校的微信公众服务平台十分火爆,尽管还在内测阶段,已有校园生活未来助手的雏形. 据了解,微微校的所有功能都为高校量身定制.作为专业的高校微信公众服务平台,微微校可以为高校微信公众号用户提供微网站建设.活动互动工具.四六级查询.跳蚤市场.我的课表.微电台.表白墙.失物招领.叫外卖.校园最新活动查询等功能.主要服务于高校的职能部门.社团.班级.学生会.俱乐部及学生个人的微信公众号,免费为他们提供微信平台建设服务以及微信运营培训,提供一个多功能的微