绿叶清舟 发表于 2022-3-12 16:40

先哭为敬

本帖最后由 绿叶清舟 于 2022-3-12 22:35 编辑 <br /><br /><style type="text/css">
.mnBox {
      margin: 0 auto;
      padding: 35px;
      width: 660px;
      border: none;
      border-top: 1px solid #000;/* 顶部边框样式*/
      border-radius: 10px;
      background: #333;
}
.ctBox {
      margin: 0;
      padding: 10px;
      background: #fff;
      min-height: 300px;
      border-radius: 10px;
      box-shadow: 1px 3px 2px 2px rgba(4,4,4,.6);
}

.ctBox p,img, h2,button { text-align:center; }

.picBtn {
      width: 32px;
      height: 32px;
      outline: none;
      border: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/61e446952ab3f51d917b0f77.png') no-repeat;
      cursor: pointer;
      box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
}

.picBtn:hover {
      opacity: 0.95;
      box-shadow: 1px 1px 2px 2px rgba(0,0,0,.3);
}

.picBtn:active {
      opacity: 0.8;
      box-shadow: 1px 1px 1px 0px rgba(0,0,0,.5);
}

</style>

<div class="mnBox">
      <div class="ctBox">

            <p><img style="padding-top: 30px; alt="" src="https://pic.imgdb.cn/item/622c5c0b5baa1a80ab83b71d.jpg" /></p>

         
                <h2 style="text-align:center;">先哭为敬</h2>
                <h2 style="text-align:center;">歌手：郑欣宜</h2>
                <pre>
作词 : 黄伟文
作曲 : 许崇谦/梁嘉茵
编曲 : 何秉舜
随片尾怨曲奏起了
这抱憾的结尾 亦算定稿了 无余地
但这苦恋了不起
余生我也许放开你
却拒绝不爱你 就算被分隔时和地
这段壮烈 定义了凄美
如从前曾经 狠狠热吻 烙下梦痕 将永续细腻
曾同游人生 高峰盛宴 散席别离 别垂头丧气
若分享过温馨 定格在最满足 的表情
谁要用叹息 沾污尾声

                </pre>
               <p><audio id="music" src="http://music.163.com/song/media/outer/url?id=1908151229.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
         
                <p><button id="picBtn" class="picBtn"></button></p><br>
                <p></p><br><br>
      </div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
      mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/61e446952ab3f51d917b0f77.png')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/61e561062ab3f51d9145d37c.png')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('https://pic.imgdb.cn/item/61e561062ab3f51d9145d37c.png')";
})

</script>

加林森 发表于 2022-3-12 17:15

清舟这个制作是全部黑色边框，真漂亮。{:4_199:}

红影 发表于 2022-3-12 18:23

一般都说先干为敬，这个居然是先哭为敬，好奇怪的歌名{:4_173:}

红影 发表于 2022-3-12 18:24

这个描边字体很奇特，还以为用黑黑的字体做的，原来是图片里做好的{:4_173:}

樵歌 发表于 2022-3-12 21:00

这歌名取的，貌似不祥呵，而且用黑框框起来。{:4_173:}

绿叶清舟 发表于 2022-3-12 21:14

红影 发表于 2022-3-12 18:23
一般都说先干为敬，这个居然是先哭为敬，好奇怪的歌名

可能二个约好一起哭的{:4_189:}

绿叶清舟 发表于 2022-3-12 21:14

樵歌 发表于 2022-3-12 21:00
这歌名取的，貌似不祥呵，而且用黑框框起来。

所以哭了啊{:4_189:}

小辣椒 发表于 2022-3-12 21:17

清舟 这个黑边框有点怕怕的{:4_203:}

绿叶清舟 发表于 2022-3-12 21:38

小辣椒 发表于 2022-3-12 21:17
清舟 这个黑边框有点怕怕的

是不是太黑了啊{:4_189:}

小辣椒 发表于 2022-3-12 21:47

绿叶清舟 发表于 2022-3-12 21:38
是不是太黑了啊

是的，你用她皮肤的颜色做边框就可以了

红影 发表于 2022-3-12 22:12

绿叶清舟 发表于 2022-3-12 21:14
可能二个约好一起哭的

哈哈，还有约这个的{:4_189:}

樵歌 发表于 2022-3-13 07:42

绿叶清舟 发表于 2022-3-12 21:14
所以哭了啊

嗯嗯，现在啥名字都　有哈{:4_189:}

小九 发表于 2022-3-13 08:11

这个名字很新颖呢，文字要是居中，效果会更好{:4_187:}
页: [1]
查看完整版本: 先哭为敬