QQmcc-阿米 发表于 2017-8-18 09:30:34

忘了我

本帖最后由 QQmcc-阿米 于 2017-8-18 09:38 编辑 <br /><br />表格 悸动,<br>
<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"><img src="http://www.qqmcc.net/data/attachment/album/201708/16/093305btwtt01e09nteb6b.png" border="0"></div>      
<div id="jdzx">
<div style="padding:20px 30px;">
      <div id="jdtx"><img src="http://www.qqmcc.net/data/attachment/album/201708/16/093305btwtt01e09nteb6b.png" border="0"></div>
      <div id="jdwz">小太阳 <br> <p>忘了我</p></div>
      <div id="jdlx">　 发消息</div>
</div>
</div>
</div>
<!-- 左边 -->
<div id="jdy">
      <div id="jdtop">
      <ul><li>-&lt;&gt;</li><li>+&lt;&gt;</li><li>□&lt;&gt;</li></ul></div>
<div id="jdywz">
昵称：小太阳<br>
UID ：157<br>
空间：<a href="http://www.qqmcc.net/?157" target="_blank">http://www.qqmcc.net/?157</a>
<div style="border-top: 1px solid #ddd;margin-top: 15px;"></div>
<div style="padding:20px 0;">
就到这里 我们不再有以后 一阵风 泛起回忆汹涌<br>
深呼吸不敢让痛楚泄露 想打发个微笑假装很潇洒<br>
忍不住颤抖 分开后 都别拼命追究<br>
是什么错 那么错 不堪回首<br>
就让你临别 前挥一挥手<br>
想送给我 最完美告别作 我只是观众<br>
忘了我 曾把你 拥在我心窝<br>
忘了我 曾给你 拥有的所有<br>
忘了我 曾是你的宇宙 不眠不休 无怨不尤<br>
忘了我 多难过 多不能接受<br>
忘了我 只要 你好过 就足够<br>
忘了我 忘了我们的梦
当你想起我 我已不是我<br>
<br>
<br>

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

QQmcc-阿卓 发表于 2017-8-18 09:34:48

本帖最后由 QQmcc-阿卓 于 2017-8-18 09:36 编辑 <br /><br /><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="//music.163.com/outchain/player?type=2&id=28592013&auto=1&height=32"></iframe>

QQmcc-如初 发表于 2017-8-18 09:39:57

忘了我 忘了我们的梦 当你想起我 我已不是我

QQmcc-如初 发表于 2017-8-18 09:40:07

早上好         

QQmcc-如初 发表于 2017-8-18 09:40:12

摇一摇         

QQmcc-玫瑰 发表于 2017-8-18 10:03:27

这个代码有吗      

QQmcc-玫瑰 发表于 2017-8-18 10:03:34

表格   

QQmcc-从筠 发表于 2017-8-18 10:58:16

忘不了

QQmcc-从筠 发表于 2017-8-18 10:58:34

早上好

QQmcc-千惠 发表于 2017-8-18 11:42:54

哇哦 这么漂亮的表格   
页: [1] 2
查看完整版本: 忘了我