古琴禅修

马黑黑

巫娜，生于重庆，九岁开始学习古琴。1991年考入中央音乐学院附中古琴专业，师从古琴演奏家赵家珍女士。2004年毕业于中央音乐学院研究生部，师从著名古琴演奏家、 教育家李祥霆先生，成为中央音乐学院古琴演奏专业的第一位研究生。2015年进入首都师范大学音乐学院任古琴专业教师。创国内首家古琴在线教育平台——缦学堂。

东篱闲人

这个也是代码做的？

马黑黑

东篱闲人 发表于 2021-12-21 19:35
这个也是代码做的？

1. <div style="margin:0px auto;background:#fff; padding:18px; border:solid 1px #ddd;border-radius:20px; width:90%;">
   
2. <img alt="天禅" style="width:235px; height:233px;" src="https://www.huachaowang.com/data/attachment/forum/202112/21/192444if8ojzhfhbhoslm4.png">
   
3. <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>
   
4. <p style="color:#333;font-size:18px;text-shadow:1px 1px 1px #aaa">巫娜，生于重庆，九岁开始学习古琴。1991年考入中央音乐学院附中古琴专业，师从古琴演奏家赵家珍女士。2004年毕业于中央音乐学院研究生部，师从著名古琴演奏家、 教育家李祥霆先生，成为中央音乐学院古琴演奏专业的第一位研究生。2015年进入首都师范大学音乐学院任古琴专业教师。创国内首家古琴在线教育平台——缦学堂。</p>
   
5. </div>

复制代码

东篱闲人

马黑黑 发表于 2021-12-21 19:36
是的

好！

马黑黑

这个是不需要 <table> 的圆弧边框效果，和 @小辣椒 的边框应该很接近

马黑黑

关于播放器与图片的位置关系处理：

很简单，图图和播放器本来是并列关系，因为它们的宽度加起来不会超过父容器的宽度，所以并排在了一起，但是，我通过相对位置将播放器往上、往左都各移动了一些距离，令其产生粘在一起的效果。

马黑黑

东篱闲人 发表于 2021-12-21 19:38
好！

HTML5 + CSS3 组合拳弄出的效果

小辣椒

马黑黑 发表于 2021-12-21 19:38
这个是不需要  的圆弧边框效果，和 @小辣椒 的边框应该很接近

黑黑又一个新产品推出

东篱闲人

马黑黑 发表于 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
主要我不还是不懂

理解一下就好