JSDM

HTML

 
1
<div class="tree">
2
  <div class="tree-1"></div>
3
  <div class="tree-2"></div>
4
  <div class="tree-3"></div>
5
  <div class="tree-4"></div>
6
  <div class="tree-5"></div>
7
  <div class="tree-6"></div>
8
  <div class="tree-7"></div>
9
  <div class="tree-8"></div>
10
  <div class="tree-5"></div>
11
  <div class="tree-6"></div>
12
  <div class="tree-7"></div>
13
  <div class="tree-8"></div>
14
  <div class="_tree"></div>
15
</div>
!

CSS

xxxxxxxxxx
40
 
1
.tree {
2
  [class^=tree] {
3
    height:12px;
4
    background:#0F8A5F;
5
    margin:0 auto;
6
  }
7
  [class^=tree]:nth-child(2n) {
8
    background:#34A65F;
9
  }
10
  .tree-1 {
11
    width:30px;
12
  }
13
  .tree-2 {
14
    width:50px;
15
  }
16
  .tree-3 {
17
    width:70px;
18
  }
19
  .tree-4 {
20
    width:90px;
21
  }
22
  .tree-5 {
23
    width:110px;
24
  }
25
  .tree-6 {
26
    width:130px;
27
  }
28
  .tree-7 {
29
    width:150px;
30
  }
31
  .tree-8 {
32
    width:170px;
33
  }
34
  ._tree {
35
    width:20px;
36
    height:55px;
37
    background:#8a3b16;
38
    margin:0 auto;
39
  }
40
}
!
? ?
? ?
必须是有效的URL
+ 添加另一个资源

JS

x
 
1
!
必须是有效的URL
+ 添加另一个资源
Close

文件管理 点击文件查看URL

图片

  1. 暂无文件

CSS

  1. 暂无文件

JavaScript

  1. 暂无文件

其他

  1. 暂无文件
拖动文件到上面的区域或者:
加载中 ..................