于故 发表于 2018-11-2 14:18:59

与你不及




<style type="text/css">
#jdtop a{}
#jd{height: 430px;width: 600px;background: #fff;margin: 50px auto;border-radius: 3px;overflow: hidden;border: 1px solid #f5f5f5;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.22);-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#jd:hover{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.22);}
#jdz{width: 50%;float: left;}
#jdbj {width: 300px;height: 430px;overflow: hidden;}
#jdbj img {width: 300px;}
#jdzx{height: 135px;width: 300px;background: rgba(0, 0, 0, 0.20);margin-top: -135px;position: absolute;border-bottom-left-radius: 3px;float: left;}
#jdtx {width: 50px;height: 100px;float: left;margin-right: 30px;}
#jdtx img{height: 50px;width:50px;
      border-radius: 110px;
      border:3px solid #eee;
      -webkit-transition: -webkit-transform 0.5s ease-out;
      -moz-transition: -moz-transform 0.5s ease-out;
      -o-transition: -o-transform 0.5s ease-out;
      -ms-transition: -ms-transform 0.5s ease-out;
}
#jdtx img:hover{
      -webkit-transform: rotateZ(360deg);
      -moz-transform: rotateZ(360deg);
      -o-transform: rotateZ(360deg);
      -ms-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
}
#jdwz {padding: 10px 0;color: #fff;font-size: 15px;font-family: 黑体;}
#jdwz p {font-size: 13px;margin: 5px 0;font-family: 宋体;}
#jdlx {      background: rgba(225, 225, 225, 1.10);font-size: 12px;padding: 5px 0;color: #666;width: 100%; margin: 5px 0;border-radius: 2px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#jdlx:hover{background: rgba(0, 0, 0, 0.30);color: #fff;}
#jdy{width: 300px;height: 430px;float: right;font-size: 12px}
#jdtop {height: 30px;}
#jdtop ul {float: right;padding: 0;margin: 0;}
#jdtop li {float: left;list-style: none;padding: 7px 10px;margin: 0;color: #bbb;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#jdtop li:hover{background: rgba(0, 0, 0, 0.10);}
#jdywz {padding: 10px 20px;color: #888;line-height: 20px;text-decoration:none;}
#jdywz a{color: #888;text-decoration:none;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease}
#jdywz a:hover{color: #000;}
</style>
<div id="jd">
<div id="jdz">
<div id="jdbj">http://www.qqmcc.net/data/attachment/album/201712/05/154029bcftnj66fi5s1esf.jpeg</div>      
<div id="jdzx">
<div style="padding:20px 30px;">
      <div id="jdtx">http://www.qqmcc.net/data/attachment/album/201808/19/021159vejnjna0066zmdnx.jpeg</div>
      <div id="jdwz">于故 </br> <p>别让小情绪害了你</p></div>
      <div id="jdlx">　 发消息</div>
</div>
</div>
</div>
<!-- 左边 -->
<div id="jdy">
      <div id="jdtop">
      <ul><li>-</li><li>+</li><li>□</li></ul></div>
<div id="jdywz">
昵称：于故</br>
UID ：11</br>
空间：http://www.qqmcc.net/?11
<div style="border-top: 1px solid #ddd;margin-top: 15px;"></div>
<div style="padding:20px 0;">
泡夜店纹身打耳洞买醉</br>
这些事看似很酷其实这些事一点难度都没有</br>
只要你愿意去做就能做到</br>
更酷的应该是那些不容易做到的事</br>
比如赚钱用心爱一个人.</br>
这些在常人眼里无趣且难以坚持的事情</br>
</br>

</div>
</div>
</div>
</div>

</div>

于故 发表于 2018-11-2 14:27:35

与你不及
http://music.163.com/style/swf/widget.swf?sid=493316158&type=2&auto=1&width=320&height=66

阿乐-YEUNG 发表于 2018-11-2 14:36:19

反应出当代生活的现实和冷酷

QQmcc-挽青 发表于 2018-11-4 08:56:07

我爱你

于故 发表于 2018-11-5 00:24:10

阿乐-YEUNG 发表于 2018-11-2 14:36
反应出当代生活的现实和冷酷

像鲁迅一样用笔尖刻画当代人类的贪婪自私 点明主题

阿乐-YEUNG 发表于 2018-11-5 08:04:13

与你不及 发表于 2018-11-5 00:24
像鲁迅一样用笔尖刻画当代人类的贪婪自私 点明主题

充分体现了承上启下的作用 使全文更加印象深刻 通俗易懂
页: [1]
查看完整版本: 与你不及