如何在页面上画出一条黑线<不用图片>

<style type="text/css">
#hr {top:100;left:100;margin:100px 100px 100px 100px}
</style>
<body>
<hr id="hr" width="300" size="1" color="black">
</body>
margin的顺序是:上,右,下,左。这样就应该设置它所在的位置了。

解决方案 »

  1.   

    用hr元素可以,只要用css控制好它的位置就可以了.也可以画在一个table里面呀
      

  2.   

    楼上的方法都可以，我也有个更傻瓜的方法
    <DIV style="position:absolute; left:140px; top:83px">
        <hr>  
    </DIV>
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    <style type="text/css">
    <!--
    .a {
    border-top-color: #000000;
    border-top-width: 0px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    }
    -->
    </style>
    </head><body>
    <div class="a"></div>
    </body>
    </html>
      

  4.   

    <td>高度设为1，背景填充黑色也行