css 画竖着线条

<p>table控制:
<!-- height为横线的粗度,width为长度 -->
<table width=700>
     <tr>
    <td>横线</td></tr>
<tr bgcolor='red' height=3>
   <td></td></tr>
</table>
<!-- height为竖线的长度,width为竖线的粗度 -->
<table>
   <tr>
      <td height='500'  bgcolor='red'></td></tr>
</table>

<p>hr控制
<!-- width控制线的长度size控制线的粗细 -->
横线：<hr width=500 size=0 color="#999999">
<!-- width控制线的宽度，size控制线的长短 -->
竖线：<hr size=500 width="2" color="#999999">
<p>css(div)控制
<!-- width控制线的横线的长短，竖线的粗细；height:控制横线的粗细，竖线的粗细,但默认为一个字符的横线粗度 -->
坚线<div style="width: 2; height: 200; red;"></div>
横线<br><div style="position:relative; width:600; height:1px; </div>

关于线的位置：大多线情况还是用绝对位置,即position:absolute。当然，你也可以用相对位置position:relative