Question

如何不用html5 canvas 实现两个方框的连线效果

Answer 1

没有具体的例子，无法很明确的回答，但是如果是两边是2个方框 中间是一条直线连接的话，这个就很简单:
html:
<div class="test">
<div class="left"></div>
<div class="line"></div>
<div class="right"></div>
<div class="clear"></div>
</div>
css:
<style type="text/css">
*{
padding: 0;
margin: 0;
box-sizing:border-box;
font-family: '微软雅黑'
}
.fm{
display:none;
}
.ff{
width: 400px;
margin: 20px auto;
}
.left,.right{
height: 100px;
width: 100px;
border: 1px solid #e5e5e5;
}
.line{
border-bottom: 1px solid #e5e5e5;
width: 100px;
}
.left,.right,.line{
float: left;
vertical-align: middle;
}
.line{
margin-top: 50px;
}
.clear{
clear: both;
}
.test{
width: 400px;
margin: 30px auto;
}
</style>