统计
  • 建站日期:2021-03-10
  • 文章总数:518 篇
  • 评论总数:151 条
  • 分类总数:32 个
  • 最后更新:4月20日
文章 未分类

html_blog文章列表

梦幻书涯
首页 未分类 正文



<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Document</title>

  <style type="text/css">

/文章列表/

mobile-nav{display:none;overflow:hidden;}

.xxx,.post{background: #ffffff;box-shadow: 1px 3px #ccc;margin:1em 0;position:relative;border-radius:20px;}/文章列表格局/

.post shu{position:absolute;left:0;top:10em;display:1inline-block;width:5px;height:2.3em;background:#222;}

.post h2{padding:2px 4px;margin:0 1px;font-size:1.2em;border-bottom:1px solid #888;height:2em;}

.post .top{border:7px solid #0000ff;color:#330000;margin-right:0.25em;box-shadow:0 1px 5px #ccc;background:#ffff00;border-radius:10px;background:-webkit-gradient(linear, left top, left bottom, from(#de939e), to(#a40717), color-stop(0.5, #ffff00f00));background:-webkit-linear-gradient(top, #de939e, #a40717, #be4958 0.5);padding:0.2em 0.4em;border-radius:1px;}/顶的效果/

.post h2 a{display:block;margin:0;color:#ffff00f00;position:relative;height:2em;line-height:2em;

           background:;#f5f5f5;padding-left:0.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.description{line-height:1.5em;margin:0 0.5em;padding:0.6em 0.2em;border-bottom:1px solid #808040;}

.post-img{display:inline-block;margin-right:0.8em;float:left;border:2px solid #ccc;padding:3px;border-radius:10px;overflow:hidden}

.description img{width:100%;height:100%;}/显示百分百/

.post .time,.post .comview{z-index:8888;position:absolute;right:1em;}/阅读和评论距离分布/

.post .comview{background:#fafafa;}/阅读/

.post-bottom{padding:0.8em 0.5em;background:#fdfdfd;box-shadow:inset 0px 1px 1px #ccc}

.category a,.post .author a{color:#008000;margin-left:0.5em}

.post .author{margin-left:2em}/作者/

.post b{color:#39c;margin:auto 0.2em;padding:0.2em;font-family:Georgia;}

.post .info{color:#222;overflow:hidden;white-space:nowrap;height:2.2em;line-height:2.2em;

            margin:0.3em 0.5em;position:relative;border-bottom:1px solid #ddd;}/文章分类/

.post .tags a{margin-right:0.1em;color:#ffff00f00;text-align:left;}/文章tags/

.post-img{height:120px;width:160px}/文章图片/

.description{min-height:130px;}/文章描述/

</style>

 </head>

 <body>

 <div class="clear">

    </div>

    <div class="clear">

    </div>

    <div class="post">

     <article>

     <span class="shu"></span>

     <h2>

     <a href="index-rizhi1.html" target="_blank" title="文章 - 原创专辑 顶级《我曾有过梦想,也曾有幻想,更曾想过为梦想翱翔前方,无奈被生活和现实封住了翅膀,而只能在原地徘徊,愿由你们独自前方》隆重登场"><span class="top">顶</span>原创专辑 顶级《我曾有过梦想,也曾有幻想,更曾想过为梦想翱翔前方,无奈被生活和现实封住了翅膀,而只能在原地徘徊,愿由你们独自前方》隆重登场</a></h2>

     <div class="info">

      <span class="category">分类: <a href="#" rel="category" title="所属分类: 生活随笔">生活随笔</a></span><span class="author">作者: <a href="#" title="查看该作者的主页">王成喜</a></span>

      <span class="time"><b>2018</b>年<b>12</b>月<b>22</b>日</span>

     </div>

     <div class="description">

      <!--文章缩略图--><span class="post-img"><img src="img/rizhi.jpg" alt="原创专辑 响应式主题 v1.5更新" title="有图有真相"/></span>

      <span class="post-description">快要接近高三尾声的我,我突然想问,

高三到底是什么,它却让我用一万多字都无法诉说完的生活。有人说,

高三就是做不完的题,考不完的试,无尽的疲惫。

也有人说,没有经历过高三的人生是不完美的,没有参加高考的人是有遗憾的,至少生命中少了一次特殊的旅程。对我而言

我的高三是痛苦并快乐着.....

      </span>

     </div>

     <div class="post-bottom">

      <span class="tags">Tags:  <a href="#" rel="tag" title="查看含 诗词如梦 标签的文章">诗词如梦</a><a href="#" rel="tag" title="查看含 原创专辑 标签的文章">原创专辑</a><a href="#" rel="tag" title="查看含 流年回忆 标签的文章">流年回忆</a></span><span class="comview">阅读:<b>56421</b>评论:<b>3541</b></span>

     </div>

     </article>

    </div>

 </body>

</html>

版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:未标注转载均为本站原创,转载时请以链接形式注明文章出处。如有侵权、不妥之处,请联系站长删除。敬请谅解!

这篇文章最后更新于2019-6-1,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
html_blog文章列表代码
« 上一篇
html——blog文章分类
下一篇 »

发表评论

HI ! 请登录
注册会员,享受下载全站资源特权。
Array

日历

热门文章