HTML5实现留言和回复的页面
导读:收集整理的这篇文章主要介绍了HTML5实现留言和回复的页面,觉得挺不错的,现在分享给大家,也给大家做个参考。这篇文章主要介绍了用HTML5如何实现留言和回复样式,需要的朋友可以参考下具体就不做详细讲解了,直接上代码:<!DOCTYPE...
收集整理的这篇文章主要介绍了HTML5实现留言和回复的页面,觉得挺不错的,现在分享给大家,也给大家做个参考。这篇文章主要介绍了用HTML5如何实现留言和回复样式,需要的朋友可以参考下具体就不做详细讲解了,直接上代码:
!DOCTYPE html> html> head> meta charset="utf-8"> meta name="author" content="http://www.webkfa.COM/" /> tITle> web开发-webkfa.com/title> style type="text/css"> *{ margin:0; padding:0; -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */-webkit-text-size-adjust: none; /* PRevent webkit From resizing text to fit */-webkit-tap-highlight-color: rgba(210,210,210,0.35); /* make transparent link selection, adjust last value opacity 0 to 1.0 */-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */} body{ font-family:"微软雅黑"; font-Size:12px; } ul,li{ list-style:none; } .ylcon{ width:100%; min-width:320px; } .tit{ height:26px; line-height:26px; padding:0px 15px; position:relative; font-size:15px; color:#aaa; border-bottom:1px solid rgba(0, 0, 0, 0.15); } .story{ border-bottom:1px dashed #cecece; padding:0 15px 3px; position:relative; } .story_t{ font-size:1.2em; color:rgba(0,0,0,1); padding-top:5px; padding-bottom:2px; } .story_m{ color:rgba(110,110,110,1); line-height:21px; word-break:break-all; word-wrap:break-word; overflow:hidden; font-size:1.2em; padding:2px 0; } .story_time{ color:rgba(154,154,154,1); padding:2px 0; } .story_hf{ background:rgb(245,245,245); font-size:1.2em; border:1px solid rgba(204,204,204,0.2); border-radius:2px; color:rgba(110,110,110,1); padding:4px; margin-bottom:5px; } .opBTn{ position:absolute; top: 0; right: 0; } /style> /head> body> p class="ylcon"> p class="tit"> 所有留言/p> p id="messpId"> p class="story"> p class="opbtn"> /p> p class="story_t"> 怜星/p> p class="story_time"> 2015/07/12 20:48/p> p class="story_m"> 我想问最近最火的tfboys呢他们的八卦呢我想问最近最火的tfboys呢,他们的八卦呢我想问最近最火的tfboys呢?!他们的八卦呢?!/p> p class="story_hf"> @剑花烟雨:的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契/p> /p> p class="story"> p class="opbtn"> /p> p class="story_t"> 怜星/p> p class="story_time"> 2015/07/12 20:48/p> p class="story_m"> 我想问最近最火的tfboys呢他们的八卦呢我想问最近最火的tfboys呢,他们的八卦呢我想问最近最火的tfboys呢?!他们的八卦呢?!/p> p class="story_hf"> @剑花烟雨:的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契/p> /p> p class="story"> p class="opbtn"> /p> p class="story_t"> 怜星/p> p class="story_time"> 2015/07/12 20:48/p> p class="story_m"> 我想问最近最火的tfboys呢他们的八卦呢我想问最近最火的tfboys呢,他们的八卦呢我想问最近最火的tfboys呢?!他们的八卦呢?!/p> p class="story_hf"> @剑花烟雨:的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契的是相对无言眼波如流的默契/p> /p> /p> /p> /body> /html>
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
html5生成柱状图(条形图)效果的实例代码
如何利用HTML5实现分享到微信好友朋友圈QQ好友qq空间微博二维码的功能
以上就是HTML5实现留言和回复的页面的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML5实现留言和回复的页面
本文地址: https://pptw.com/jishu/584175.html