|
|

楼主 |
发表于 2022-2-25 20:45
|
显示全部楼层
- <style type="text/css">
- .mnBox { position: relative; margin: 0 auto; padding: 35px; width: 660px; border: none; border-top: 6px solid #000; border-radius: 10px; background: #b3c3c3; }
- .ctBox { margin: 0; padding: 30px; background: #fff; min-height: 300px; border-radius: 10px; }
- .ctBox p,img, h2,button { text-align:center; }
- #lrcDiv { margin: auto; width: 300px; height: 43px; overflow: hidden; position: relative; padding: 8px; text-align:center; }
- </style>
- <div class="mnBox">
- <div class="ctBox">
- <p style="text-align:center;"><img alt="570" height="570" src="https://pic.imgdb.cn/item/6217a8172ab3f51d9125df0e.jpg" /><br></p>
- <h2 style="padding-bottom: 10px;">甜蜜蜜</h2>
- <h2 style="text-align:center;">演唱:邓丽君</h2>
- <pre>
- 黑黑老师分享的可以用于
- 网易音乐链接
- 小辣椒测试做一个
- 看看效果怎么样
- 感觉配这个边框也是漂亮
- 大家可以开心玩玩
- 感谢黑黑老师精彩无限
- 又一个精彩分享
-
- 纯css加个图片加个音乐就可以了
- 祝大家玩的开心
-
-
- </pre>
- <p style="margin: auto; width:120px; text-align:center; font-size:14px; color:#000;"><marquee scrollamount="2" direction="left" >谢谢黑黑老师的精彩分享</marquee></p>
- <style>
- /* 父盒子 */
- #wyyBox {
- margin: 10px auto;
- width:300px;
- height: 52px;
- text-align: center;
- }
- /* 播放器 */
- #wyyBox iframe {
- width: 298px;
- height: 52px;
- border: none;
- /*切割 clip-path: circle(16px at 271px); */
- }
- </style>
- <div id="wyyBox"></div>
- <script>
- var wyyBox = document.getElementById("wyyBox"); //父 div 盒子标识
- var frm = document.createElement("iframe"); //创建 iframe 元素
- //iframe 加载 src
- frm.src = "https://music.163.com/outchain/player?type=2&id=1853812727&auto=1&height=32";
- wyyBox.appendChild(frm); //父盒子加载 iframe 元素
- </script>
- <p style="margin: 20px; text-align:center;">小辣椒 2022 02 25</p>
- </div>
- </div>
- <script language="javascript">
- this.play();
- }
- </script>
复制代码 |
|