1.line (线)

1.横线

　　HTML代码：

横线（水平线）
<hr/>

<div class="row">
    横线(盒子上边框线) 
</div>

　　CSS代码：

.row{
  width:300px;
  border-top:1px solid blue;
}

2.竖线

　　HTML代码：

<div class="column">竖线(盒子左边框线)</div>

　　CSS代码：

.column{
  height:300px;
  border-left:1px solid black;
}

     以上效果图：