html5移动留言页面样式
摘要：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>
相关文章
最新发布
阅读排行
热门文章
猜你喜欢