1px solid #000000; } 方法2、使用hr标签实现画一条线，代码如下： float div1{ width: 500px;border-bottom: 1px solid red;} 用dreamweaver来设计，很简单。你问的是高500px吧，还是水平线？如果是竖线，写个div层，加上css参数，width：1px，height：500px如果...
用html代码怎样画一条竖直线。1像素，纯黑色的，长500px.
<div style="border-top:1px solid #000;width:500px;height:1px;"> </div>2013-01-29
用一个div设置他的高度，width等于1，用border、background都可以给它设置颜色，它就是一条直线了。
具体实现方法操作如下：
工具原料：编辑器、浏览器；
方法1、可以给一个一定宽度的元素设置一个border-bottom属性，让其只有一个底边框，进而实现一条线的效果，代码如下：
<div id="div1"> </div><style> #div1{ margin-top: 100px; width: 900px; border-bottom: 1px solid #000000; }
</style>
方法2、使用hr标签实现画一条线，代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>float</title>
</head>
<div id="div1"></div>
<style>
#div1{
width: 500px;
border-bottom: 1px solid red;
}
</style>
</html>2018-04-04
用dreamweaver来设计，很简单。你问的是高500px吧，还是水平线？
如果是竖线，写个div层，加上css参数，width：1px，height：500px
如果是横线，其实一个水平线就能替代。<hr width="500" size="1" />2013-01-29
