我发现这个图表显示了家谱.丈夫和妻子都期待着一切.丈夫和妻子之间的连接器不直.我希望丈夫和妻子之间的连接线是直线.现场直播可以在下面的链接中看到: 现场演示jsFiddle
/*Now the CSS*/
* {
margin: 0;
padding: 0;
}
.yellow {
background: #FFEC94;
}
.orange {
background: #FFF7EF;
}
.green {
background: #B0E57C;
}
.royal-blue {
background: #56BAEC;
}
.brown {
background: #FFAEAE;
}
.green-one {
background: #D6E3B5;
}
.tree ul {
padding-top: 20px;
position: relative;
transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
}
.tree li {
float: left;
text-align: center;
list-style-type: none;
position: relative;
padding: 20px 5px 0 5px;
transition: all 0.5s;
-webkit-transition: all …