算命 发表于 2017-5-24 15:42:19

哼哼哈哈

本帖最后由 算命 于 2017-5-24 15:42 编辑 <br /><br /><meta charset="utf-8">

<style type="text/css">
    .wr {
      overflow: hidden;
      margin: 50px auto;
      width: 600px;
      height: 350px;
      background: #1F1F1F url("http://www.qqmcc.net/data/attachment/album/201705/15/104832pzdllv5lv02cbdqs.jpg") center / cover;
      -webkit-box-shadow: 0 0 20px #666666;
      -moz-box-shadow: 0 0 20px #666666;
      box-shadow: 0 0 20px #666666;
      font-size: 10px;
      border-radius: 5px;
    }

    .wr-a, .wr-b {
      float: left;
      height: 350px;
      overflow: hidden;
    }

    .wr-a {
      width: 200px;
      background: rgba(0, 0, 0, 0.8);
    }

    .wr-b {
      width: 300px;
      margin-left: 70px;
      color:#ffffff;
    }

    .wr-b p {
      font-family: 'Poiret One';
      font-size: 15px;
      letter-spacing: 1px;
      font-weight: bold;
      display: block;
      padding: 2px;
      border-radius: 3px;
      width: 50px;
      margin-top: 20px;
      cursor: pointer;
      -webkit-transition-duration: 0.4s; /* Safari */
      transition-duration: 0.4s;
      text-align: center;
    }

    .wr-b p:hover {
      text-align: center;
      background: rgba(0, 0, 0, 0.5);
      letter-spacing: 0px;
    }

    .wr-b-a {
      overflow-y: scroll;
      overflow-x: hidden;
      table-layout: fixed;
      word-wrap: break-word;
      word-break: break-all;
      width: 250px;
      height: 250px;
      margin-top: 10px;
      margin-left: 5px;
      color: #f1f1f1;
      font-family: '微软雅黑 Light';
      font-weight: 300;
    }
    .wr-b-a a{
      text-decoration: none;
      color: #f1f1f1;
    }
    ::-webkit-scrollbar {
      width: 2px;
      height: 8px;
      background-color: rgba(255,255,255,0.5);
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
      border-radius: 5px;
      background-color: #F5F5F5;
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
      background-color: rgba(99, 99, 99, 0.3);
    }
</style>
<div class="wr">
    <div class="wr-a">
      <img src="http://www.qqmcc.net/data/attachment/album/201705/24/152705gb9g59sfl7zzgv8s.jpg" style="width: 80px;height: 80px;border-radius: 50%;border: solid 1px rgba(255,255,255,0.5);margin: 110px 0 0 58px;padding: 2px;">
      <p style="text-align: center;color: #f1f1f1;font-weight: 300;letter-spacing: 2px;font-size: 18px;">Ruruo</p>
    </div>
    <div class="wr-b">
      <p style=""><a href="" target="_blank" style="text-decoration: none;color: #f1f1f1;">HEART</a></p>
      <div class="wr-b-a">
            <a style="font-size: 14px;">小时</a><br>
            大圣曾不远万里前来问我<br>
            可知道他的金箍棒在哪<br>
            我说棒在特别配他的发型<br>
            哼哼<br><br>
            <a style="font-size: 14px;">往后</a><br>
            令旁人朝思暮想深夜不寐的所谓女神<br>
            穷尽一身手段<br>
            连我正眼也未曾瞧见过<br>
            哼哼<br><br>
            <a style="font-size: 14px;">如今</a><br>
            我已经是心灵之窗敢在街上乱晃<br>
            耳机里敢放噼里啪啦的歌<br>
            一身穷气但仍然那么帅气<br>
            的哈哈了<br>
      </div>
    </div>
</div>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=31477432&auto=1&height=66"></iframe>

QQmcc-狮子 发表于 2017-5-24 15:58:35

哼哼哈哈快使用双截棍

沈风 发表于 2017-5-24 16:09:11

快使用双截棍

QQmcc-玫瑰 发表于 2017-5-24 16:12:52

听说你是做前端的         

QQmcc-贝宁 发表于 2017-5-24 16:16:41

哼哼哈哈

算卦 发表于 2017-5-24 17:12:36

你媳妇不是女神吗http://www.qqmcc.net//mobcent//app/data/phiz/default/08.png

算卦 发表于 2017-5-24 17:12:42

妈卖批耶

QQmcc-七月 发表于 2017-5-24 18:16:39

(｡･∀･)ﾉﾞ嗨呀

459 发表于 2017-5-24 18:21:09

双节棍啊哈

算命 发表于 2017-5-24 20:56:26

算卦 发表于 2017-5-24 17:12 static/image/common/back.gif
你媳妇不是女神吗

是女神是的是的～http://www.qqmcc.net//mobcent//app/data/phiz/default/07.png
页: [1] 2
查看完整版本: 哼哼哈哈