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=" 2; height: 200; red;"></div>
横线<br><div style="position:relative; 600; height:1px; </div>

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

原文地址:https://www.cnblogs.com/zerohu/p/5673807.html