古琴禅修
本帖最后由 马黑黑 于 2021-12-21 19:33 编辑 <br /><br /><div style="margin:0px auto;background:#fff; padding:18px; border:solid 1px #ddd;border-radius:20px; width:90%;"><img alt="天禅" style="width:235px; height:233px;" src="https://www.huachaowang.com/data/attachment/forum/202112/21/192444if8ojzhfhbhoslm4.png">
<iframe style="position:relative;top:-80px;left:-90px;" frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="86" src="https://music.163.com/outchain/player?type=2&id=304923&auto=1&height=66"></iframe>
<p style="color:#333;font-size:18px;text-shadow:1px 1px 1px #aaa">巫娜，生于重庆，九岁开始学习古琴。1991年考入中央音乐学院附中古琴专业，师从古琴演奏家赵家珍女士。2004年毕业于中央音乐学院研究生部，师从著名古琴演奏家、 教育家李祥霆先生，成为中央音乐学院古琴演奏专业的第一位研究生。2015年进入首都师范大学音乐学院任古琴专业教师。创国内首家古琴在线教育平台——缦学堂。</p>
</div>
这个也是代码做的？{:5_115:} 本帖最后由 马黑黑 于 2021-12-23 08:25 编辑
东篱闲人 发表于 2021-12-21 19:35
这个也是代码做的？
<div style="margin:0px auto;background:#fff; padding:18px; border:solid 1px #ddd;border-radius:20px; width:90%;">
<img alt="天禅" style="width:235px; height:233px;" src="https://www.huachaowang.com/data/attachment/forum/202112/21/192444if8ojzhfhbhoslm4.png">
<iframe style="position:relative;top:-80px;left:-90px;" frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="86" src="https://music.163.com/outchain/player?type=2&id=304923&auto=1&height=66"></iframe>
<p style="color:#333;font-size:18px;text-shadow:1px 1px 1px #aaa">巫娜，生于重庆，九岁开始学习古琴。1991年考入中央音乐学院附中古琴专业，师从古琴演奏家赵家珍女士。2004年毕业于中央音乐学院研究生部，师从著名古琴演奏家、 教育家李祥霆先生，成为中央音乐学院古琴演奏专业的第一位研究生。2015年进入首都师范大学音乐学院任古琴专业教师。创国内首家古琴在线教育平台——缦学堂。</p>
</div>
马黑黑 发表于 2021-12-21 19:36
是的
好！{:5_116:} 这个是不需要 <table> 的圆弧边框效果，和 @小辣椒 的边框应该很接近 关于播放器与图片的位置关系处理：
很简单，图图和播放器本来是并列关系，因为它们的宽度加起来不会超过父容器的宽度，所以并排在了一起，但是，我通过相对位置将播放器往上、往左都各移动了一些距离，令其产生粘在一起的效果。 东篱闲人 发表于 2021-12-21 19:38
好！
HTML5 + CSS3 组合拳弄出的效果 马黑黑 发表于 2021-12-21 19:38
这个是不需要的圆弧边框效果，和 @小辣椒 的边框应该很接近
黑黑又一个新产品推出{:4_199:} 马黑黑 发表于 2021-12-21 19:43
HTML5 + CSS3 组合拳弄出的效果
高深。 马黑黑 发表于 2021-12-21 19:42
关于播放器与图片的位置关系处理：
很简单，图图和播放器本来是并列关系，因为它们的宽度加起来不会超过 ...
黑黑，这个父容器的宽度有规定尺寸吗？ 父容器的宽度可以自己设置吗？ @红影 猪猪提出的图片与播放器位置关系的设想，从这个帖子可以得到一些启迪：
图片为 GIF 格式，中间部分是透明的，它置于播放器的上层，即播放器在前面，紧跟着的是图片，然后图片通过 relative 属性命令移动到播放器的上方，如此，透明的中间部分恰好露出播放器界面。 小辣椒 发表于 2021-12-21 19:46
父容器的宽度可以自己设置吗？
那你要看是哪个父亲。论坛里的原有元素，我们是无法调整的。而我们帖子里的父容器，就是用来装载播放器和图片、文字的 div ，和你之前使用的 table 一样，都是可以设定宽度的
马黑黑 发表于 2021-12-21 19:53
那你要看是哪个父亲。论坛里的原有元素，我们是无法调整的。而我们帖子里的父容器，就是用来装载播放器和 ...
那这样我们论坛不是宽屏论坛，这个做起来可能就不能大的界面了 小辣椒 发表于 2021-12-21 19:45
黑黑，这个父容器的宽度有规定尺寸吗？
没有什么规定，不规定也行，但要理解几个问题：
一、它的宽度能装下并排陈放的播放器和图片；
二、如果不设定宽度，就是父容器100%的宽度。 小辣椒 发表于 2021-12-21 19:55
那这样我们论坛不是宽屏论坛，这个做起来可能就不能大的界面了
可以的，只需将自己的父容器设置左移即可 东篱闲人 发表于 2021-12-21 19:45
高深。
一般一般，我杀猪的都整明白了 马黑黑 发表于 2021-12-21 19:58
可以的，只需将自己的父容器设置左移即可
这个我还不明白，没有大小的父容器，怎么可以做大界面呢？ 马黑黑 发表于 2021-12-21 19:57
没有什么规定，不规定也行，但要理解几个问题：
一、它的宽度能装下并排陈放的播放器和图片；
主要我不还是不懂 小辣椒 发表于 2021-12-21 20:00
主要我不还是不懂
理解一下就好