【单图音画】舞动青春

松柏一

<style type="text/css">
#level1st {
        position: relative;
        width:1100px;
        text-align:center;
        padding:50px;margin:100px 0 32px -240px;
        background:url();
}
#level2nd {
        padding:10px;
        background:url();
        border-left-color:#efc09a;
        border-top-color: #efc09a;
        border-style:solid;
        border-width:thin;
        border-right-color: #7b5640;
        border-bottom-color:#7b5640;
        width:auto;
}

#level3rd {
        border-width:thin;
        text-align:center;
        border-style:solid;width:auto;
        /*border-left-color:#7b5640;
        border-top-color: #7b5640;
        border-right-color: #efc09a;
        border-bottom-color:#efc09a;*/
        border-color:#7b5640 #efc09a #efc09a #7b5640;
}
#level4th {
        border-width:thin;
        padding:10px;
        background:url();
        border-left-color:#efc09a;
        border-top-color:#efc09a;
        border-style:solid;
        border-right-color:#7b5640;
        border-bottom-color:#7b5640;
        width:auto;
}

#contentLayer {
        border-width:thin;
        text-align:center;
        border-style:solid;
        border-left-color:#7b5640;
        border-top-color:#7b5640;
        width:auto;
        border-right-color:#efc09a;
        border-bottom-color:#efc09a;
}
</style>
<div id="level1st">
<div id="level2nd">
<div id="level3rd">
<div id="level4th">
<div id="contentLayer">
<iframe style="height:576px; width:1024px;" frameborder='0' scrolling='no'
src='https://player.youku.com/embed/XNDY4OTg1NDY2NA==' ></iframe>
</div>
</div>
</div>
</div>
</div>

静悟

松柏一 发表于 2021-10-23 19:01
边框（2）

你得把这三个边框图片上传成地址后填到（）里去啊！

松柏一

静悟 发表于 2021-10-23 19:08
你得把这三个边框图片上传成地址后填到（）里去啊！

我原来发上来的代码不是这样的，不知为什么粘贴在这里击变成这样了

松柏一

松柏一 发表于 2021-10-23 19:12
我原来发上来的代码不是这样的，不知为什么粘贴在这里击变成这样了

这是我粘贴在编辑器上面的代码，不知为什么复制粘贴论坛后变成上面这个样了？

静悟

松柏一 发表于 2021-10-23 19:19 这是我粘贴在编辑器上面的代码，不知为什么复制粘贴论坛后变成上面这个样了？

静悟

松柏一 发表于 2021-10-23 19:19
这是我粘贴在编辑器上面的代码，不知为什么复制粘贴论坛后变成上面这个样了？

1. <style type="text/css">
   
2. #level1st {
   
3.         position: relative;
   
4.         width:1100px;
   
5.         text-align:center;
   
6.         padding:50px;margin:100px 0 32px -240px;
   
7.         background:url(https://z3.ax1x.com/2021/06/28/Rtl1ld.jpg);
   
8. }
   
9. #level2nd {
   
10.         padding:10px;
    
11.         background:url(https://z3.ax1x.com/2021/06/28/RtllSH.jpg);
    
12.         border-left-color:#efc09a;
    
13.         border-top-color: #efc09a;
    
14.         border-style:solid;
    
15.         border-width:thin;
    
16.         border-right-color: #7b5640;
    
17.         border-bottom-color:#7b5640;
    
18.         width:auto;
    
19. }
    
20. 
    
21. #level3rd {
    
22.         border-width:thin;
    
23.         text-align:center;
    
24.         border-style:solid;width:auto;
    
25.         /*border-left-color:#7b5640;
    
26.         border-top-color: #7b5640;
    
27.         border-right-color: #efc09a;
    
28.         border-bottom-color:#efc09a;*/
    
29.         border-color:#7b5640 #efc09a #efc09a #7b5640;
    
30. }
    
31. #level4th {
    
32.         border-width:thin;
    
33.         padding:10px;
    
34.         background:url(http://zyx540303.3vfree.net/2020/tp/bk/sj/22819833_180.jpgg);
    
35.         border-left-color:#efc09a;
    
36.         border-top-color:#efc09a;
    
37.         border-style:solid;
    
38.         border-right-color:#7b5640;
    
39.         border-bottom-color:#7b5640;
    
40.         width:auto;
    
41. }
    
42. 
    
43. #contentLayer {
    
44.         border-width:thin;
    
45.         text-align:center;
    
46.         border-style:solid;
    
47.         border-left-color:#7b5640;
    
48.         border-top-color:#7b5640;
    
49.         width:auto;
    
50.         border-right-color:#efc09a;
    
51.         border-bottom-color:#efc09a;
    
52. }
    
53. </style>
    
54. <div id="level1st">
    
55. <div id="level2nd">
    
56. <div id="level3rd">
    
57. <div id="level4th">
    
58. <div id="contentLayer">
    
59. <img src="https://pic.imgdb.cn/item/6161a4bf2ab3f51d911f13c4.gif"></img>
    
60. 
    
61. </div>
    
62. </div>
    
63. </div>
    
64. </div>
    
65. </div>
    

复制代码

我就来看看

松柏一

我就来看看 发表于 2021-10-23 19:32

老师，我为什么用不了这个边框？

松柏一

松柏一 发表于 2021-10-23 19:36 老师，我为什么用不了这个边框？

我就来看看

松柏一 发表于 2021-10-23 19:42
#level1st {
        position: relative;
        width:1100px;

这不就挺好吗