首页 > HTML5/CSS3

html5移动留言页面样式

发表于2014-11-07 18:25:54| --次阅读| 来源webkfa| 作者小猪仔

摘要:html5移动留言页面样式,要在支持html5+css3
html5代码
运行代码
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="apple-touch-fullscreen" content="YES" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="format-detection" content="telephone=no" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<style type="text/css">
			body{font-family:"微软雅黑";font-size:12px;background:url(http://image.kuwo.cn/kdt2014/bg.png) repeat;}
			.huati_btn{width:175px;height:32px;background:#34a0f0;border-radius:3px;font:14px/32px "微软雅黑";display:block;overflow:hidden;margin:0 auto;text-align:center;color:#fff;text-decoration:none;}
			.huati{height:40px;padding-top:9px;border-bottom:1px dashed #cecece}
			.tit a span{color:#34a0f0}
			.story{border-bottom:1px dashed #cecece;padding:0 15px 3px;}
			.story_t{font-size:14px;color:#313131;padding-top:5px}
			.story_m{color:#868686;line-height:21px;word-break:break-all;word-wrap:break-word;overflow:hidden;}
			.story_time{text-align:right;color:#868686;}
		</style>

  </head>
  
  <body>
		<div id="messDivId">
			<div class="story">
				<p class="story_t">
					姐累了〒_〒
				</p>
				<p class="story_m">
					我觉得我肯定有病,还病的不清。和男朋友分手了发现放不下, 和家里人不联系, 答应了闺蜜小孩满月去看他也做不到。没那么难过,只是沟通无力
				</p>
				<p class="story_time">
					2014-11-07 17:53:41
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					琥珀川
				</p>
				<p class="story_m">
					我觉得我肯定有病,还病的不清。和男朋友分手了发现放不下, 和家里人不联系, 答应了闺蜜小孩满月去看他也做不到。没那么难过,只是沟通无力
				</p>
				<p class="story_time">
					<span class="tagdef" style="color: #286AC0;"><img
							src="http://img4.kwcdn.kuwo.cn/star/upload/6/6/1396255995526_.png"
							width="17">我是正常人</span>2014-11-07 17:01:48
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					我不是个神经病
				</p>
				<p class="story_m">
					挺逗逼的节目,每集不拉。。。。

				</p>
				<p class="story_time">
					<span class="tagdef" style="color: #286AC0;"><img
							src="http://img4.kwcdn.kuwo.cn/star/upload/6/6/1396255995526_.png"
							width="17">我是正常人</span><span class="tagdef"
						style="color: #F5D12B;"><img
							src="http://img2.kwcdn.kuwo.cn/star/upload/13/13/1396255761597_.png"
							width="17">吐槽好骚年</span>2014-11-07 16:34:55
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					姚小琪
				</p>
				<p class="story_m">
					逗逼
				</p>
				<p class="story_time">
					2014-11-07 16:21:51
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					8899
				</p>
				<p class="story_m">
					为什么缓冲不到呢?
				</p>
				<p class="story_time">
					2014-11-07 14:46:08
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					呵呵哒
				</p>
				<p class="story_m">
					也许我们并不是真正喜欢上了那个老师 而是在你生命中没有遇到过那样的人 可能你欣赏他的才华 仅此而已
				</p>
				<p class="story_time">
					2014-11-07 14:04:43
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					kuwo9803
				</p>
				<p class="story_m">
					为什么缓冲不了
				</p>
				<p class="story_time">
					2014-11-07 13:19:54
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					孤舟自渡
				</p>
				<p class="story_m">
					小曹,你好,你一定要念到我的留言啊
				</p>
				<p class="story_time">
					2014-11-07 12:53:47
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					孤舟自渡
				</p>
				<p class="story_m">
					小曹哥你好,我听你的《吐小曹扒新闻》很长时间了,第一次给你留言,明天是我一好朋友周盼涛的生日,我想借你的栏目,替我祝福他生日快乐,他今年高三了,我们是好哥们,我现在已走入社会,他明年就要参加高考了,我想点一首《我相信》送给他,
					愿他在明年高考取得好成绩,在这里祝小曹哥的节目越办越好。
				</p>
				<p class="story_time">
					2014-11-07 12:49:29
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					肆掠、青春
				</p>
				<p class="story_m">
					唯一的限制就是。我是一个真实人物,他是一个动漫人物。
				</p>
				<p class="story_time">
					2014-11-07 12:42:17
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					kuwo6b16
				</p>
				<p class="story_m">
					一一一一一一一一一一一很喜欢你的节目!
				</p>
				<p class="story_time">
					2014-11-07 12:27:22
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					柠檬橘子chen
				</p>
				<p class="story_m">
					最近节目有点少儿不宜啊,不过。。。我稀饭
				</p>
				<p class="story_time">
					2014-11-07 12:18:23
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					ㄣ悲剧小丑
				</p>
				<p class="story_m">
					刚才听二货老婆和11岁的闺女说:“小宝,你长大以后去南方工作吧,东北太冷了,即使你学习不好找不着工作,以拣破烂为生,也要去南方城市拣破烂。”闺女:“为啥呀?”老婆很坚定的说:“那边天气热,矿泉水瓶子拣得多!”
				</p>
				<p class="story_time">
					2014-11-07 11:50:13
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					黑桃
				</p>
				<p class="story_m">
					一哥们家里着火了 他报警说:119吗,我家发生火灾了。 119:在哪里? 他:在我家。 119:具体点。 他:在我家的厨房里。
					119:我说你现在的位置。 他:我趴在桌子底下。 119:我们怎样才能到你家? 他:你们不是有消防车吗? 119:烧死你个鳖孙!
				</p>
				<p class="story_time">
					2014-11-07 11:49:29
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					小蚊子
				</p>
				<p class="story_m">
					一定要念
				</p>
				<p class="story_time">
					2014-11-07 11:00:50
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					愧愧
				</p>
				<p class="story_m">
					第一次来留言,快双十一了,我想说七月初七时,单身的骚年们也没跳过直接过七月初八,所以十一月十一号有对象的逗比们也别想跳过直接过十二号,同样的一天,大家就别互相伤害了,重要的是每天开开心心的
				</p>
				<p class="story_time">
					2014-11-07 10:18:31
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					刘辉
				</p>
				<p class="story_m">
					小曹哥你好,无意间听到你的节目很喜欢。我跟女朋友徐冉认识4年多,今年刚刚确定男女朋友关系,我想对我的女朋友徐冉说,徐冉谢谢你,在我生病的时候对我无微不至的关心,不离不弃,我知道一切不容易,相信我,我一定会吧自己治好。我们也一定会幸福,会有属于我们自己的蛋糕店,面包爱情都会有的,我会努力好好奋斗,会让你穿上最美丽的婚纱,成为我独一无二的新娘,我想点一首梁山伯与茱丽叶送给她,
				</p>
				<p class="story_time">
					2014-11-07 09:29:19
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					小溪
				</p>
				<p class="story_m">
					一如既往的支持小曹,加油!~
				</p>
				<p class="story_time">
					2014-11-07 09:19:39
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					是攻不是受
				</p>
				<p class="story_m">
					听都听不了 你们这破音乐盒别开了
				</p>
				<p class="story_time">
					2014-11-07 09:16:00
				</p>
			</div>
			<div class="story">
				<p class="story_t">
					红太狼
				</p>
				<p class="story_m">
					很喜欢这个节目,每期都听!
				</p>
				<p class="story_time">
					2014-11-07 08:50:48
				</p>
			</div>
		</div>
		
	</body>
</html>

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1