Techno：与心跳同频的电子音乐

马黑黑

加林森 发表于 2022-1-8 19:29
老黑，把代码发出来！谢谢！

你不是有修改功能吗？进入编辑，把代码复制了

加林森

马黑黑 发表于 2022-1-8 19:49
你不是有修改功能吗？进入编辑，把代码复制了

现在你是版主了，我就不行了。

马黑黑

加林森 发表于 2022-1-8 20:09
现在你是版主了，我就不行了。

我仅在我那个板块有点权限，这里不行的

加林森

马黑黑 发表于 2022-1-8 20:10
我仅在我那个板块有点权限，这里不行的

你复制粘贴出来给我啊。笨！

马黑黑

好的好的

马黑黑

队长要这一帖的代码：

1. <style type="text/css">
   
2. .mDiv { font-family:'微软雅黑'; font-size:20px; color:#fff; width:1280px; height:750px; background:url('https://638183.freep.cn/638183/Pic/techno.jpg') no-repeat; background-size: 1280px 750px; transform:translate(-340px); display:flex; }
   
3. .cDiv { flex-grow:2; }
   
4. .dDiv { position:relative; left:-80px; top:300px; width: 320px; }
   
5. </style>
   
6. 
   
7. <div class="mDiv">
   
8.         <div><iframe style="transform:translate(20px,60px);" frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="500" src="https://music.163.com/outchain/player?type=0&id=4946084383&auto=1&height=100"></iframe></div>
   
9.         <div class="cDiv"></div>
   
10.         <div class="dDiv">Techno是一种电子音乐的曲风，又称科技舞曲、高科技舞曲等。<br><br>Techno利用电脑合成器合成，做出一些特殊音效，这种音乐常常是许多音效组合起来的。<br><br>刻板印象中的科技音乐，旋律简单重复，机械冰冷而富有科技感，但不乏温暖致幻的作品。有观点说，它最初的灵感来源于重工业中的噪声。</div>
    
11. </div>

复制代码

也没啥，简简单单：父容器设了背景图，用translate左移，规定 display 为 flex 以便让其下三个子div排排坐；第一个子div装播放器，第二个子div啥也不装久占位且通过 flex-grow 值设定占最多的位（中间部分都是它）；第三个div放文字，并左移上移。

小辣椒

黑黑的艺术细胞还是强的

马黑黑

小辣椒 发表于 2022-1-9 21:07
黑黑的艺术细胞还是强的

过奖了

加林森

马黑黑 发表于 2022-1-8 20:39
队长要这一帖的代码：
也没啥，简简单单：父容器设了背景图，用translate左移，规定 display 为 flex 以便 ...

谢谢老黑。

马黑黑

加林森 发表于 2022-1-10 20:37
谢谢老黑。

客气客气

加林森

马黑黑 发表于 2022-1-10 22:21
客气客气

我去研究研究。

马黑黑

加林森 发表于 2022-1-10 22:24
我去研究研究。

好的

加林森

马黑黑 发表于 2022-1-10 22:26
好的