学松柏一单图音画·····我和春天有个约会

一师

[i=s] 本帖最后由 一师 于 2022-3-25 20:54 编辑 [/i]

一师

请大师们指导，谢谢。

巫荣云师

欣赏老师佳作。点赞！

廖若晨星

欣赏一师老师制作: 学松柏一单图音画·····我和春天有个约会  下午好

沉醉醉

问好一师老师，欣赏精彩制作，请问老师应该怎样学习制作，我也想学，先谢了。

静悟

一师 发表于 2022-3-23 16:55
请大师们指导，谢谢。

给一师调整的代码：

1. <style type="text/css">
   
2. #outLayer {/* 最outLayer边框的样式设置 */
   
3. width:680px; /* 只对最outLayer边框设置宽度 */
   
4. position:relative;
   
5. margin: 100px auto 32px -50px;
   
6. overflow:hidden;
   
7. border-radius:32px;
   
8. background-image: url(https://z3.ax1x.com/2021/11/30/o1uJyR.gif);
   
9. padding:
   
10. 45px;
    
11. }
    
12. #innerLayer {/* innerLayer边框的样式设置 */
    
13. background-image: url(https://z3.ax1x.com/2021/11/30/o1u7Xn.png);
    
14. width:auto; /* 其余各层边框宽度设置为auto */
    
15. padding:8px;
    
16. border-color:
    
17. border-style:LightGray;
    
18. border-width:3px;
    
19. }
    
20. #contentLayer {/* 内层的样式设置 */
    
21. width:auto;/* 其余各层边框宽度设置为auto */
    
22. height:auto !important; /* 最里层边框高度设置为auto，并且指明个最小高度 */
    
23. min-height:400px; /* 或者给高度设置个确定的值，但这样做就失去了灵活性 */
    
24. text-align:center;
    
25. background-image: url(https://z3.ax1x.com/2021/11/30/o1KS1J.png);
    
26. padding:0px;
    
27. border-color: #F5DEB3 #F5DEB3 #F5DEB3 #F5DEB3;
    
28. border-style:solid;
    
29. border-width:3px;
    
30. }
    
31. 
    
32. #contentLayer img {
    
33. width:100%;
    
34. overflow:hidden;
    
35. border-radius:0px;
    
36. margin:-0px auto;
    
37. -width:680px;height:1170px;
    
38.        
    
39. }
    
40. 
    
41. 
    
42. </style>
    
43. <div id="outLayer">
    
44. <div id="innerLayer">
    
45. <div id="contentLayer">
    
46. 
    
47. 
    
48. <p ><img src="https://pic.imgdb.cn/item/623735da5baa1a80abfb496b.gif"></p>
    
49. 
    
50. <embed src="http://music.163.com/song/media/outer/url?id=1356293513.mp3" width="0" height="0" type="audio/mpeg" panel="0" autostart="true" loop="false">
    
51. </div>
    
52. </div>
    
53. </div>
    

复制代码

林林五

欣赏老师精彩美好音画！

夕阳黄昏

不错不错，就是底端灰边稍宽了点。

松柏一

厉害了，为你点赞。不过，我的图有些细节没调好，静版在帖子的6楼帮我改过来了

执著

确实很好啊，为您点赞